.spinner{border:2px solid #b2c8e4;border-top-color:#0041a4;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spinner-spin}@keyframes spinner-spin{to{transform:rotate(360deg)}}.etuid-button{opacity:1;cursor:pointer;background:#fff;border:1px solid #7b9cc74d;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:140px;height:44px;transition:box-shadow .15s;display:flex}.etuid-button:hover{box-shadow:-4px 4px 16px #27284814,2px 2px 4px #27284805}.etuid-button:disabled{cursor:not-allowed;pointer-events:none}.etuid-text{letter-spacing:0;font-variant-numeric:lining-nums proportional-nums;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:16px;display:-webkit-box;overflow:hidden}.header{justify-content:center;width:100%;padding-top:20px;padding-bottom:40px;display:flex}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;display:flex}.header-logo{height:74px}.modules-card{background:#fff;border-radius:8px;justify-content:center;width:100%;max-width:1200px;display:flex;box-shadow:-4px 4px 16px #27284814,2px 2px 4px #27284805}.modules-card-inner{flex-direction:column;gap:30px;width:100%;padding:24px 16px;display:flex}.modules-title{letter-spacing:0;font-variant-numeric:lining-nums proportional-nums;margin:0;font-family:Roboto,sans-serif;font-size:18px;font-weight:500;line-height:22px}.modules-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.module-item{color:#010101;cursor:pointer;background:#fcfcfc;border-radius:8px;align-items:center;gap:12px;height:44px;font-size:16px;font-weight:500;text-decoration:none;display:flex}.module-item:hover{background:#e0ebf8}.module-icon-place{color:#7b9cc7;background:#e0ebf8;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;gap:10px;width:44px;height:44px;display:flex}.module-icon{object-fit:contain;width:24px;height:24px}.module-name{letter-spacing:0;font-variant-numeric:lining-nums proportional-nums;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:20px;display:-webkit-box;overflow:hidden}.modules-state{text-align:center;letter-spacing:0;font-variant-numeric:lining-nums proportional-nums;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:20px;display:flex}.modules-state-title{font-size:16px;font-weight:500;line-height:20px}.modules-state-text{color:#4c6a90;letter-spacing:0;font-variant-numeric:lining-nums proportional-nums;max-width:320px;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:14px}body,html{background:#e0ebf8;min-height:100%;margin:0;padding:0}.page-root{min-height:100vh;position:relative;overflow-x:hidden}.background-svg{opacity:1;pointer-events:none;z-index:0;width:100%;max-width:1920px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.content{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}