.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#000,#1a1a1a,#000);padding:1rem;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(244,114,182,.08) 0%,transparent 50%);pointer-events:none}.login-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);padding:2.5rem;border-radius:16px;box-shadow:0 20px 60px #ec489926,0 0 0 1px #f472b614,inset 0 1px #ffffff0d;width:100%;max-width:400px;position:relative;z-index:1}.login-card h1{font-size:2rem;color:#fff;margin-bottom:.5rem;text-align:center;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card h2{font-size:1.2rem;color:#888;margin-bottom:2rem;text-align:center;font-weight:400}.form-group input{width:100%;padding:.75rem;border:2px solid #2a2a2a;border-radius:8px;font-size:1rem;background-color:#0f0f0f;color:#e0e0e0;transition:all .3s}.form-group input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.form-group input:disabled{background-color:#1a1a1a;cursor:not-allowed;opacity:.5}.form-group input::placeholder{color:#555}.error-message{background-color:#ec48991a;border:1px solid rgba(236,72,153,.25);color:#f472b6;padding:.75rem;border-radius:8px;margin-bottom:1rem;text-align:center}.login-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.02em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ec48994d,0 0 #ec489900;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ec489966,0 0 0 4px #ec489914}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #ec48994d,0 0 0 2px #ec489926}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.landing-root{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#3b235a,#05020a 35%,#02030a);color:#f8f5ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,rgba(5,2,16,.92),rgba(5,2,16,.7),transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.landing-logo{display:flex;flex-direction:column;line-height:1}.landing-logo-main{font-size:22px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.landing-logo-sub{font-size:13px;opacity:.75;margin-top:4px}.landing-login-btn{padding:10px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#ee0979,#ff6a00);color:#fff;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 0 18px #ff519966;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.landing-login-btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 0 24px #ff519999}.landing-main{flex:1;padding:40px 40px 60px;display:flex;flex-direction:column;gap:60px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr);gap:40px;align-items:center}.landing-hero-text h1{font-size:40px;line-height:1.15;margin-bottom:18px}.landing-hero-text p{max-width:520px;font-size:16px;line-height:1.6;opacity:.9}.landing-hero-actions{margin-top:26px;display:flex;gap:14px}.landing-primary-btn{padding:12px 26px;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:15px;color:#05020a;background:linear-gradient(135deg,#ff9a9e,#fad0c4);box-shadow:0 0 20px #ff8ac973;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.landing-primary-btn:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 0 26px #ff8ac999}.landing-hero-card{border-radius:26px;padding:20px 20px 22px;background:radial-gradient(circle at top,rgba(255,138,201,.18),transparent 55%) border-box,radial-gradient(circle at bottom,rgba(57,255,220,.14),transparent 60%) border-box;border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 60px #0009,0 0 40px #bd00ff4d;display:flex;flex-direction:column;gap:16px}.landing-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.landing-stat{padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#0a0819f5,#291048e6,#0a0819f5);border:1px solid rgba(255,255,255,.05)}.landing-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin-bottom:4px}.landing-stat-value{font-size:18px;font-weight:700}.landing-preview{margin-top:8px;padding:14px 14px 16px;border-radius:18px;background:radial-gradient(circle at top left,rgba(255,255,255,.06),transparent 65%);border:1px solid rgba(255,255,255,.12)}.landing-preview-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#050210cc;font-size:11px;text-transform:uppercase;letter-spacing:.14em;opacity:.8;margin-bottom:8px}.landing-preview-title{font-size:16px;font-weight:600;margin-bottom:6px}.landing-preview-text{font-size:13px;line-height:1.6;opacity:.85}.landing-section{max-width:1080px}.landing-section-features h2{font-size:22px;margin-bottom:18px}.landing-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.landing-feature-card{padding:14px 14px 16px;border-radius:18px;background:linear-gradient(145deg,#0c071deb,#25113df0,#0c071deb);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px #0000008c}.landing-feature-card h3{font-size:15px;margin-bottom:6px}.landing-feature-card p{font-size:13px;line-height:1.6;opacity:.9}@media (max-width: 1024px){.landing-main{padding:28px 20px 40px}.landing-hero{grid-template-columns:minmax(0,1fr)}}@media (max-width: 768px){.landing-header{padding:14px 16px}.landing-main{padding:18px 16px 32px}.landing-hero-text h1{font-size:28px}.landing-hero-card{padding:16px}.landing-features-grid{grid-template-columns:minmax(0,1fr)}}.dashboard-container{min-height:calc(100vh - 60px);background-color:transparent}.dashboard-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:0;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08);width:100%;box-sizing:border-box}.dashboard-header h1{font-size:1.8rem;margin:0;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.about-button,.speed-test-button{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.25);padding:.65rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914;position:relative;overflow:hidden;text-decoration:none;display:inline-block}.about-button:before,.speed-test-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ec489926;transform:translate(-50%,-50%);transition:width .4s,height .4s}.about-button:hover:before,.speed-test-button:hover:before{width:300px;height:300px}.about-button:hover,.speed-test-button:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.download-dropdown{position:relative}.download-button{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.25);padding:.65rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914;position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem}.download-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ec489926;transform:translate(-50%,-50%);transition:width .4s,height .4s}.download-button:hover:before{width:300px;height:300px}.dropdown-arrow{font-size:.8rem;transition:transform .3s;display:inline-block}.download-dropdown:hover .dropdown-arrow,.download-button:focus .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid rgba(236,72,153,.25);border-radius:10px;box-shadow:0 8px 30px #00000080,0 4px 15px #ec489933;min-width:180px;z-index:1000;overflow:hidden}.dropdown-item{width:100%;padding:.75rem 1.5rem;background:transparent;color:#f472b6;border:none;text-align:left;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;transition:all .2s}.dropdown-item:hover{background:#ec489926;color:#ec4899}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:16px;border:1px solid rgba(236,72,153,.25);box-shadow:0 20px 60px #00000080,0 8px 30px #ec489933;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(236,72,153,.15)}.modal-header h2{margin:0;font-size:1.8rem;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:transparent;border:none;color:#f472b6;font-size:2rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;line-height:1}.modal-close:hover{background:#ec489926;color:#ec4899;transform:rotate(90deg)}.download-app-button{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:1rem 3rem;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:700;font-family:Inter,sans-serif;letter-spacing:.05em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ec48994d;position:relative;overflow:hidden}.download-app-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s,height .4s}.download-app-button:hover:before{width:400px;height:400px}.download-app-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ec489966}.download-app-button:active{transform:translateY(0)}.download-apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.download-app-item{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:1.5rem;border:1px solid rgba(244,114,182,.08);transition:all .3s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.download-app-item:hover{border-color:#ec489940;transform:translateY(-4px);box-shadow:0 8px 30px #ec489926}.download-app-item h3{margin:0;font-size:1.2rem;color:#f472b6}.download-app-item p{margin:0;color:#888;font-size:.9rem;line-height:1.4;flex-grow:1}.download-app-item .download-app-button{width:100%;margin-top:auto}.download-app-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.download-progress{width:100%;height:4px;background:#f472b61a;border-radius:2px;margin-top:.5rem;overflow:hidden}.download-progress-bar{height:100%;background:linear-gradient(90deg,#ec4899,#f472b6);border-radius:2px;animation:loading-progress 2s ease-in-out infinite}@keyframes loading-progress{0%{transform:translate(-100%);width:30%}50%{transform:translate(0);width:70%}to{transform:translate(100%);width:30%}}.user-name{font-size:1rem}.admin-link{background:#ec48991a;color:#f472b6;text-decoration:none;padding:.65rem 1.75rem;border-radius:10px;border:1px solid rgba(236,72,153,.25);font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914;position:relative;overflow:hidden}.admin-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ec489926;transform:translate(-50%,-50%);transition:width .4s,height .4s}.admin-link:hover:before{width:300px;height:300px}.admin-link:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.dashboard-content{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-content h2{font-size:2rem;margin-bottom:2rem;color:#e0e0e0}.loading,.empty-state{text-align:center;padding:3rem;color:#888;font-size:1.1rem}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto}.category-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;transition:all .3s;border:1px solid rgba(244,114,182,.08);position:relative}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #ec489926,0 0 0 1px #ec489940;border-color:#ec489940}.category-card h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.category-description{color:#888;margin-bottom:1.5rem;line-height:1.6}.category-items{display:flex;flex-direction:column;gap:1rem}.sites-list{display:flex;flex-direction:column;gap:.75rem}.tests-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.test-item{border-left:3px solid rgba(236,72,153,.3)}.site-link{text-decoration:none;color:inherit}.site-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0f0f0f;border-radius:8px;transition:all .2s;border:1px solid rgba(244,114,182,.08);position:relative}.site-item:hover{background:#1a1a1a;border-color:#ec489940;transform:translate(4px);box-shadow:0 4px 15px #ec489914}.site-item h4{margin:0;font-size:1.1rem;color:#e0e0e0;flex:1}.site-description{margin:.25rem 0 0;font-size:.9rem;color:#888}.site-arrow{font-size:1.5rem;color:#ec4899;margin-left:1rem;transition:transform .2s}.site-item:hover .site-arrow{transform:translate(4px)}.no-sites{color:#666;font-style:italic;margin-top:1rem}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{flex-wrap:wrap;gap:.75rem;width:100%}.about-button,.download-button,.admin-link,.logout-button{font-size:.85rem;padding:.5rem 1.25rem}.user-name{width:100%;order:-1}.dropdown-menu{right:auto;left:0;min-width:160px}.modal-content{width:95%;max-height:85vh}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.5rem}.modal-body{padding:1.5rem}.download-app-button{padding:.875rem 2rem;font-size:1rem;width:100%}.categories-grid{grid-template-columns:1fr}.dashboard-content{padding:1rem}}.site-detail-container{min-height:calc(100vh - 60px);background-color:transparent}.site-detail-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:1.5rem 2rem;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08)}.site-detail-header h1{font-size:2rem;margin:.5rem 0;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-url{color:#f472b6cc;text-decoration:none;font-size:.95rem;display:inline-block;margin-top:.5rem;border-bottom:1px solid rgba(244,114,182,.25);transition:border-color .2s}.site-url:hover{border-bottom-color:#ec4899;color:#ec4899}.site-detail-content{max-width:1200px;margin:0 auto;padding:2rem}.site-description-section{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08)}.site-description-section p{margin:0;line-height:1.8;color:#e0e0e0}.site-detail-content h2{font-size:1.8rem;margin-bottom:1.5rem;color:#e0e0e0}.loading,.error,.empty-state{text-align:center;padding:3rem;color:#888;font-size:1.1rem}.lessons-list{display:flex;flex-direction:column;gap:1rem}.lesson-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;text-decoration:none;color:inherit;transition:all .2s;border:1px solid rgba(244,114,182,.08);position:relative;display:block}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ec489926,0 0 0 1px #ec489940;border-color:#ec489940}.lesson-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.lesson-header h3{margin:0;font-size:1.3rem;color:#fff;flex:1}.video-badge{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;margin-left:1rem;box-shadow:0 2px 10px #ec489940}.lesson-preview{color:#888;line-height:1.6;margin-bottom:.5rem}.lesson-arrow{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#ec4899;transition:transform .2s}.lesson-card:hover .lesson-arrow{transform:translateY(-50%) translate(4px)}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.site-detail-content,.lesson-card{padding:1rem}}.lesson-detail-container{min-height:calc(100vh - 60px);background-color:transparent}.lesson-detail-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:1.5rem 2rem;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08)}.lesson-detail-header h1{font-size:2rem;margin:.5rem 0;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lesson-detail-content{max-width:1200px;margin:0 auto;padding:2rem}.video-section,.content-section{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08)}.video-section h2,.content-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#e0e0e0}.video-wrapper{position:relative;border-radius:8px;overflow:hidden;background:#000}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-wrapper video{width:100%;height:auto;display:block;border-radius:8px}.lesson-content{line-height:1.8;color:#e0e0e0;font-size:1.05rem}.lesson-content h1,.lesson-content h2,.lesson-content h3,.lesson-content h4{color:#fff;margin-top:1.5rem;margin-bottom:1rem}.lesson-content h1{font-size:2rem}.lesson-content h2{font-size:1.5rem}.lesson-content h3{font-size:1.3rem}.lesson-content p{margin-bottom:1rem}.lesson-content ul,.lesson-content ol{margin-bottom:1rem;padding-left:2rem}.lesson-content li{margin-bottom:.5rem}.lesson-content a{color:#f472b6;text-decoration:none}.lesson-content a:hover{color:#ec4899;text-decoration:underline}.lesson-content code{background:#0f0f0f;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#f472b6;border:1px solid rgba(244,114,182,.15)}.lesson-content pre{background:#0f0f0f;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem;border:1px solid rgba(244,114,182,.15)}.lesson-content pre code{background:none;padding:0;border:none;color:#e0e0e0}.lesson-content img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.discord-obs-gallery .arrow{transition:opacity .2s ease,background .25s}.discord-obs-gallery .arrow[style*="opacity: 0.5"],.discord-obs-gallery .arrow[style*="pointer-events: none"]{cursor:not-allowed}.lesson-presentation-nav-arrow:hover{background:#ec489966!important;border-color:#f472b6b3!important;transform:translateY(-50%) scale(1.1)!important}.lesson-presentation-nav-arrow:active{transform:translateY(-50%) scale(.95)!important}.presentation-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#e0e0e0}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.lesson-detail-content{padding:1rem}.video-section,.content-section,.presentation-section{padding:1.5rem}}.admin-dashboard{min-height:calc(100vh - 60px);background-color:transparent}.admin-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:1.5rem 2rem;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:1.8rem;margin:0 0 .25rem;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-user{font-size:.9rem;opacity:.9;margin:0;color:#888}.header-actions{display:flex;gap:1rem;align-items:center}.view-site-button{background:#ec48991a;color:#f472b6;text-decoration:none;padding:.65rem 1.75rem;border-radius:10px;border:1px solid rgba(236,72,153,.25);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;box-shadow:0 2px 10px #ec489914;position:relative;overflow:hidden}.view-site-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ec489926;transform:translate(-50%,-50%);transition:width .4s,height .4s}.view-site-button:hover:before{width:300px;height:300px}.view-site-button:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.speed-test-button{background:#ec48991a;color:#f472b6;text-decoration:none;padding:.65rem 1.75rem;border-radius:10px;border:1px solid rgba(236,72,153,.25);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;box-shadow:0 2px 10px #ec489914;position:relative;overflow:hidden;display:inline-block}.speed-test-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ec489926;transform:translate(-50%,-50%);transition:width .4s,height .4s}.speed-test-button:hover:before{width:300px;height:300px}.logout-button{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.25);padding:.65rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914;position:relative;overflow:hidden}.logout-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ec489926;transform:translate(-50%,-50%);transition:width .4s,height .4s}.logout-button:hover:before{width:300px;height:300px}.logout-button:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.admin-container{max-width:1400px;margin:0 auto;display:flex;gap:2rem;padding:2rem}.admin-sidebar{width:250px;flex-shrink:0}.admin-nav{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:1rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08);display:flex;flex-direction:column;gap:.5rem}.nav-link{padding:.75rem 1rem;text-decoration:none;color:#e0e0e0;border-radius:8px;transition:all .2s;font-size:1rem}.nav-link:hover{background:#ec48991a;color:#f472b6}.nav-link.active{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 15px #ec489940}.admin-content{flex:1;min-width:0}@media (max-width: 768px){.admin-container{flex-direction:column;padding:1rem}.admin-sidebar{width:100%}.admin-nav{flex-direction:row;flex-wrap:wrap}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}}.admin-page{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(244,114,182,.08)}.page-header h2{margin:0;color:#e0e0e0;font-size:1.8rem}.btn-primary{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ec48994d,0 0 #ec489900;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ec489966,0 0 0 4px #ec489914}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 15px #ec48994d,0 0 0 2px #ec489926}.btn-secondary{background:#2a2a2a;color:#e0e0e0;border:1px solid rgba(244,114,182,.15);padding:.875rem 2rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0003;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#f472b614;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn-secondary:hover:before{width:300px;height:300px}.btn-secondary:hover{background:#333;border-color:#f472b64d;transform:translateY(-1px);box-shadow:0 4px 15px #0000004d}.admin-form{background:#0f0f0f;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid rgba(244,114,182,.08)}.admin-form h3{margin:0 0 1.5rem;color:#e0e0e0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#e0e0e0;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #2a2a2a;border-radius:8px;font-size:1rem;font-family:inherit;background-color:#0f0f0f;color:#e0e0e0;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec489914}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:#555}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-table thead{background:#0f0f0f}.admin-table th{padding:1rem;text-align:left;font-weight:600;color:#e0e0e0;border-bottom:2px solid rgba(244,114,182,.08)}.admin-table td{padding:1rem;border-bottom:1px solid rgba(244,114,182,.05);color:#e0e0e0;vertical-align:middle}.admin-table td:last-child{white-space:nowrap}.admin-table tbody tr{transition:all .2s}.admin-table tbody tr:hover{background:#ec48990d}.admin-table a{color:#f472b6;text-decoration:none}.admin-table a:hover{color:#ec4899;text-decoration:underline}.btn-edit,.btn-delete{padding:.625rem 1.25rem;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;margin-right:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-edit{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 2px 10px #ec489940}.btn-edit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s}.btn-edit:hover:before{left:100%}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ec48994d}.btn-delete{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 10px #dc35454d}.btn-delete:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s}.btn-delete:hover:before{left:100%}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 15px #dc354566}.loading{text-align:center;padding:3rem;color:#888;font-size:1.1rem}@media (max-width: 768px){.admin-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-table{font-size:.9rem}.admin-table th,.admin-table td{padding:.5rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:2rem;box-shadow:0 8px 40px #00000080,0 0 0 1px #f472b61a;border:1px solid rgba(244,114,182,.1);width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(244,114,182,.08)}.modal-header h3{margin:0;color:#e0e0e0;font-size:1.5rem}.modal-close{background:none;border:none;color:#e0e0e0;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f472b61a;color:#f472b6}.modal-body{color:#e0e0e0}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(244,114,182,.08)}.modal-footer button:disabled{opacity:.5;cursor:not-allowed}.test-detail-container{min-height:calc(100vh - 60px);background-color:transparent}.test-detail-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:1.5rem 2rem;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}.back-link{color:#f472b6cc;text-decoration:none;font-size:.95rem;margin-bottom:.5rem;display:inline-block;transition:color .2s}.back-link:hover{color:#ec4899}.test-detail-header h1{font-size:2rem;margin:.5rem 0;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.test-description{color:#888;margin:.5rem 0;font-size:1rem}.test-category{color:#f472b6;margin:.5rem 0 0;font-size:.95rem}.test-detail-content{max-width:900px;margin:0 auto;padding:2rem}.test-notice{background:#ec48991a;border:1px solid rgba(236,72,153,.25);border-radius:10px;padding:1rem 1.5rem;margin-bottom:2rem;color:#f472b6;text-align:center}.test-form{display:flex;flex-direction:column;gap:2rem}.question-block{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08);transition:all .3s}.question-block:hover{border-color:#ec489940;box-shadow:0 8px 30px #ec489926,0 0 0 1px #ec489940}.question-label{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.question-number{font-size:1.1rem;font-weight:700;color:#ec4899}.question-text{font-size:1.1rem;color:#e0e0e0;line-height:1.6}.answer-input{width:100%;padding:1rem;border:2px solid #2a2a2a;border-radius:8px;font-size:1rem;font-family:inherit;background-color:#0f0f0f;color:#e0e0e0;transition:all .2s;resize:vertical;min-height:100px}.answer-input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.answer-input::placeholder{color:#555}.answer-options{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.answer-option-label{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #2a2a2a;border-radius:8px;background-color:#0f0f0f;cursor:pointer;transition:all .2s}.answer-option-label:hover{border-color:#ec489980;background-color:#ec48990d}.answer-option-input{width:20px;height:20px;cursor:pointer;accent-color:#ec4899;flex-shrink:0}.answer-option-label:has(.answer-option-input:checked){border-color:#ec4899;background-color:#ec48991a}.answer-option-text{color:#e0e0e0;font-size:1rem;line-height:1.5;flex:1}.test-form-actions{display:flex;justify-content:center;margin-top:1rem}.submit-test-button{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:1rem 3rem;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:700;font-family:Inter,sans-serif;letter-spacing:.05em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ec48994d;position:relative;overflow:hidden}.submit-test-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-test-button:hover:before{left:100%}.submit-test-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ec489966}.submit-test-button:active{transform:translateY(0)}.loading,.error{text-align:center;padding:3rem;color:#888;font-size:1.1rem}.error{color:#f472b6}@media (max-width: 768px){.test-detail-content,.question-block{padding:1rem}.test-detail-header{padding:1rem 1.5rem}}.model-dashboard-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#e0e0e0}.model-dashboard-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08);width:100%;box-sizing:border-box}.model-dashboard-header h1{font-size:1.8rem;margin:0;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.about-button{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.25);padding:.65rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914}.about-button:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.download-button{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.25);padding:.65rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914;display:flex;align-items:center;gap:.5rem}.download-button:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.speed-test-button{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.25);padding:.65rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914;text-decoration:none;display:inline-block}.speed-test-button:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.model-dashboard-content{max-width:1200px;margin:0 auto;padding:3rem 2rem}.model-welcome-section{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:16px;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08)}.model-welcome-section h2{font-size:2rem;margin:0 0 1rem;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.model-description{color:#888;font-size:1.1rem;margin:0}.model-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.model-content-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1rem}.model-content-card:hover{transform:translateY(-4px);border-color:#ec489940;box-shadow:0 8px 30px #ec489926,0 0 0 1px #ec489940}.model-content-card h3{font-size:1.5rem;margin:0;color:#f472b6}.model-content-card p{color:#888;margin:0;line-height:1.6;flex-grow:1}.model-card-button{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ec48994d;align-self:flex-start}.model-card-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ec489966}.model-card-button:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;box-sizing:border-box}.modal-content{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:16px;width:100%;max-width:640px;box-shadow:0 10px 40px #0009,0 0 0 1px #f472b61a;border:1px solid rgba(244,114,182,.15);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(244,114,182,.1)}.modal-header h2{margin:0;font-size:1.5rem;color:#f472b6}.modal-close{background:#ec48991a;color:#f472b6;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;font-weight:600;transition:all .3s}.modal-close:hover{background:#ec489933;transform:scale(1.1)}.modal-body{padding:2rem}.download-apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.download-app-item{background:#ffffff05;border-radius:14px;padding:1.5rem;border:1px solid rgba(244,114,182,.08);box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;gap:.75rem}.download-app-item h3{margin:0;color:#f472b6;font-size:1.2rem}.download-app-item p{margin:0;color:#b3b3b3;font-size:.95rem;line-height:1.5}.download-app-button{margin-top:auto;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 6px 20px #ec48994d}.download-app-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ec489966}@media (max-width: 768px){.model-dashboard-content{padding:2rem 1rem}.model-content-grid{grid-template-columns:1fr;gap:1.5rem}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}}.about-us-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden;display:flex;flex-direction:column}.about-us-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:#e0e0e0;z-index:1000}.loading-spinner{width:60px;height:60px;border:4px solid rgba(244,114,182,.2);border-top-color:#f472b6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.about-us-header-minimal{position:absolute;top:0;left:0;right:0;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);pointer-events:none}.about-us-close-button{background:#00000080;color:#f472b6;border:2px solid rgba(244,114,182,.3);width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:2rem;font-weight:300;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-us-close-button:hover{background:#ec48994d;border-color:#f472b699;transform:scale(1.1)}.about-us-slide-counter{color:#fff;font-size:1.1rem;font-weight:600;background:#00000080;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(244,114,182,.2);pointer-events:auto}.about-us-slider{flex:1;position:relative;width:100%;height:100%;overflow:hidden}.about-us-slides-container{display:flex;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.about-us-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.about-us-slide-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #000c;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.about-us-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#f472b6;border:2px solid rgba(244,114,182,.4);width:60px;height:60px;border-radius:50%;cursor:pointer;font-size:2rem;font-weight:300;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none}.about-us-nav-arrow:hover{background:#ec489966;border-color:#f472b6b3;transform:translateY(-50%) scale(1.1)}.about-us-nav-arrow:active{transform:translateY(-50%) scale(.95)}.about-us-nav-arrow-left{left:2rem}.about-us-nav-arrow-right{right:2rem}.about-us-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:100;background:#00000080;padding:1rem 1.5rem;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(244,114,182,.2)}.about-us-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(244,114,182,.4);background:#f472b633;cursor:pointer;transition:all .3s ease;padding:0}.about-us-indicator:hover{background:#f472b680;border-color:#f472b6b3;transform:scale(1.2)}.about-us-indicator.active{background:linear-gradient(135deg,#ec4899,#f472b6);border-color:#f472b6;transform:scale(1.3);box-shadow:0 0 15px #ec489999}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.about-us-slide{animation:slideIn .6s ease-out}@media (max-width: 768px){.about-us-header-minimal{padding:1rem 1.5rem}.about-us-close-button{width:40px;height:40px;font-size:1.5rem}.about-us-slide-counter{font-size:.9rem;padding:.4rem .8rem}.about-us-nav-arrow{width:50px;height:50px;font-size:1.5rem}.about-us-nav-arrow-left{left:1rem}.about-us-nav-arrow-right{right:1rem}.about-us-slide{padding:1rem}.about-us-indicators{bottom:1rem;padding:.75rem 1rem;gap:.5rem}.about-us-indicator{width:10px;height:10px}}@media (max-width: 480px){.about-us-nav-arrow{width:40px;height:40px;font-size:1.2rem}.about-us-nav-arrow-left{left:.5rem}.about-us-nav-arrow-right{right:.5rem}.about-us-slide{padding:.5rem}}.about-us-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.model-tests-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#e0e0e0}.model-tests-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08);width:100%;box-sizing:border-box}.header-content{max-width:3840px!important;margin:0 auto!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1.5rem 2rem!important;box-sizing:border-box!important;width:100%!important}.model-tests-header h1{font-size:1.8rem;margin:0;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:1.5rem}.back-button{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.25);padding:.65rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914}.back-button:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.user-name{color:#f472b6;font-size:1rem}.logout-button{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.25);padding:.65rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-button:hover{background:#ec489933;border-color:#ec489966;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.model-tests-content{max-width:1200px;margin:0 auto;padding:3rem 2rem}.model-tests-welcome{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:16px;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08)}.model-tests-welcome h2{font-size:2rem;margin:0 0 1rem;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.model-tests-description{color:#888;font-size:1.1rem;margin:0}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.test-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}.test-card:hover{transform:translateY(-4px);border-color:#ec489940;box-shadow:0 8px 30px #ec489926,0 0 0 1px #ec489940}.test-card-content{display:flex;flex-direction:column;gap:1rem}.test-card h3{font-size:1.5rem;margin:0;color:#f472b6}.test-description{color:#888;margin:0;line-height:1.6;flex-grow:1}.test-category-badge{display:inline-block;background:#ec48991a;color:#f472b6;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:500;border:1px solid rgba(236,72,153,.2);align-self:flex-start}.test-arrow{position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.5rem;color:#f472b6;transition:transform .3s}.test-card:hover .test-arrow{transform:translate(4px)}.empty-state{text-align:center;padding:4rem 2rem;color:#888;font-size:1.1rem}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;color:#f472b6;font-size:1.2rem}@media (max-width: 768px){.model-tests-content{padding:2rem 1rem}.tests-grid{grid-template-columns:1fr;gap:1.5rem}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}}.speed-test-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1b1428,#090909);font-family:Inter,sans-serif;color:#e8e4f6}.speed-test-header{background:linear-gradient(135deg,#000,#171123);border-bottom:1px solid rgba(244,114,182,.1);box-shadow:0 6px 25px #00000073;position:sticky;top:0;z-index:10}.speed-test-header .header-content{max-width:1920px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1.75rem 3rem}.speed-test-header h1{margin:0;font-size:1.9rem;background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-button,.logout-button{border:none;background:#ec48991f;color:#f472b6;border:1px solid rgba(236,72,153,.3);font-size:1rem;font-weight:600;cursor:pointer;padding:.65rem 1.5rem;border-radius:12px;transition:all .3s ease}.back-button:hover,.logout-button:hover{background:#ec489933;transform:translateY(-1px);box-shadow:0 6px 20px #ec48994d}.speed-test-main{max-width:1200px;margin:0 auto;padding:3rem}.best-result-banner{background:linear-gradient(135deg,#ec489926,#f472b626);border:1px solid rgba(244,114,182,.3);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2rem;text-align:center}.best-result-content{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.best-result-label{font-size:1rem;color:#f472b6e6;font-weight:500}.best-result-value{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.best-result-accuracy{font-size:1rem;color:#f472b6b3}.speed-test-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.stat-item{background:#ffffff05;border-radius:16px;padding:1.5rem;border:1px solid rgba(244,114,182,.12);box-shadow:0 8px 32px #0000004d;text-align:center}.stat-label{font-size:.9rem;color:#f472b6cc;margin-bottom:.5rem;font-weight:500}.stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.speed-test-content{background:#ffffff05;border-radius:24px;padding:3rem;border:1px solid rgba(244,114,182,.12);box-shadow:0 20px 60px #0006}.start-screen{text-align:center}.start-screen h2{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-screen p{font-size:1.2rem;color:#e8e4f6cc;margin-bottom:2rem}.start-button,.restart-button{background:linear-gradient(135deg,#ec48994d,#f472b64d);color:#f472b6;border:2px solid rgba(236,72,153,.5);font-size:1.2rem;font-weight:600;padding:1rem 3rem;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ec489933}.start-button:hover,.restart-button:hover{background:linear-gradient(135deg,#ec489966,#f472b666);transform:translateY(-2px);box-shadow:0 6px 30px #ec48994d}.text-display{background:#0000004d;border-radius:12px;padding:2rem;margin-bottom:2rem;font-size:1.3rem;line-height:1.8;min-height:200px;border:1px solid rgba(244,114,182,.1);white-space:pre-wrap;word-wrap:break-word;text-transform:uppercase;font-weight:500}.text-display span{transition:background-color .2s}.text-display .correct{background-color:#22c55e33;color:#4ade80}.text-display .incorrect{background-color:#ef44444d;color:#f87171;text-decoration:underline}.text-input{width:100%;min-height:150px;padding:1.5rem;font-size:1.2rem;line-height:1.8;background:#0006;border:2px solid rgba(244,114,182,.2);border-radius:12px;color:#e8e4f6;font-family:Inter,sans-serif;resize:vertical;transition:border-color .3s;text-transform:uppercase;font-weight:500}.text-input:focus{outline:none;border-color:#f472b680;box-shadow:0 0 0 3px #f472b61a}.text-input:disabled{opacity:.5;cursor:not-allowed}.results-screen{text-align:center}.results-screen h2{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.result-item{background:#ffffff05;border-radius:16px;padding:2rem;border:1px solid rgba(244,114,182,.12)}.result-label{font-size:1rem;color:#f472b6cc;margin-bottom:.5rem;font-weight:500}.result-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.new-record-badge{background:linear-gradient(135deg,#ec48994d,#f472b64d);border:2px solid rgba(244,114,182,.5);border-radius:12px;padding:1rem 2rem;margin:1.5rem 0;font-size:1.3rem;font-weight:700;color:#f472b6;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #f472b666}50%{transform:scale(1.05);box-shadow:0 0 0 10px #f472b600}}.leaderboard-loading,.leaderboard-empty{text-align:center;padding:2rem;color:#f472b6b3;font-size:1.1rem;background:#0000004d;border-radius:12px;border:1px solid rgba(244,114,182,.1)}.leaderboard-section{margin-top:3rem;background:#ffffff05;border-radius:24px;padding:2rem;border:1px solid rgba(244,114,182,.12);box-shadow:0 20px 60px #0006}.leaderboard-title{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-table{display:flex;flex-direction:column;gap:.5rem}.leaderboard-header{display:grid;grid-template-columns:100px 1fr 150px;gap:1rem;padding:1rem;background:#f472b61a;border-radius:12px;font-weight:600;color:#f472b6e6;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.leaderboard-row{display:grid;grid-template-columns:100px 1fr 150px;gap:1rem;padding:1rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(244,114,182,.1);transition:all .3s ease}.leaderboard-row:hover{background:#ffffff0d;border-color:#f472b633;transform:translate(5px)}.leaderboard-row.current-user{background:linear-gradient(135deg,#ec489926,#f472b626);border-color:#f472b666;box-shadow:0 4px 15px #ec489933}.leaderboard-rank{font-weight:700;color:#f472b6cc;display:flex;align-items:center;justify-content:center}.leaderboard-username{font-weight:500;color:#e8e4f6;display:flex;align-items:center}.leaderboard-score{font-weight:700;color:#c084fc;display:flex;align-items:center;font-size:1.1rem}.leaderboard-wpm{font-weight:600;color:#f472b6;display:flex;align-items:center}.leaderboard-accuracy{font-weight:500;color:#e8e4f6cc;display:flex;align-items:center}@media (max-width: 768px){.speed-test-stats{grid-template-columns:repeat(2,1fr)}.results-grid{grid-template-columns:1fr}.speed-test-main{padding:1.5rem}.text-display{font-size:1.1rem}.leaderboard-header,.leaderboard-row{grid-template-columns:60px 1fr 100px;gap:.5rem;padding:.75rem;font-size:.85rem}.best-result-content{flex-direction:column;gap:.5rem}.best-result-value{font-size:1.5rem}}.app-footer{margin-top:auto;padding:1rem 2rem;text-align:center;position:relative;z-index:1;border-top:1px solid rgba(244,114,182,.08);background:#0000004d}.footer-content{max-width:1200px;margin:0 auto}.footer-text{font-size:.75rem;color:#666;margin:0;font-weight:400;letter-spacing:.02em}.footer-author{color:#f472b699;font-weight:500;transition:color .2s}.footer-author:hover{color:#f472b6e6}@media (max-width: 768px){.app-footer{padding:.75rem 1rem}.footer-text{font-size:.7rem}}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:transparent;position:relative;z-index:1}.content-wrapper{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1}.category-card,.lesson-card,.site-item,.logout-button,.admin-link{position:relative}.category-card:before,.lesson-card:before,.site-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#ec489966,#f472b666);border-radius:14px;opacity:0;z-index:-1;transition:opacity .3s ease;filter:blur(8px)}.category-card:hover:before,.lesson-card:hover:before,.site-item:hover:before{opacity:.6}@media (max-width: 768px){.content-wrapper{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#e0e0e0;font-weight:400;letter-spacing:-.01em;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(236,72,153,.04) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(244,114,182,.03) 0%,transparent 60%),radial-gradient(circle at 40% 20%,rgba(236,72,153,.03) 0%,transparent 60%),radial-gradient(circle at 60% 70%,rgba(244,114,182,.02) 0%,transparent 60%);background-size:280% 280%;animation:smoothGradient 25s ease infinite;pointer-events:none;z-index:0;opacity:.9}@keyframes smoothGradient{0%,to{background-position:0% 50%,100% 50%,50% 0%,50% 100%}50%{background-position:100% 50%,0% 50%,50% 100%,50% 0%}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1.8px 1.8px at 25px 35px,rgba(244,114,182,.55),transparent),radial-gradient(1.2px 1.2px at 65px 75px,rgba(236,72,153,.5),transparent),radial-gradient(1.2px 1.2px at 110px 45px,rgba(244,114,182,.6),transparent),radial-gradient(1.8px 1.8px at 150px 25px,rgba(236,72,153,.55),transparent),radial-gradient(1.2px 1.2px at 200px 85px,rgba(244,114,182,.5),transparent),radial-gradient(1.8px 1.8px at 250px 55px,rgba(236,72,153,.55),transparent),radial-gradient(1.2px 1.2px at 300px 15px,rgba(244,114,182,.45),transparent),radial-gradient(1.8px 1.8px at 350px 95px,rgba(236,72,153,.55),transparent),radial-gradient(1.2px 1.2px at 400px 35px,rgba(244,114,182,.5),transparent),radial-gradient(1.8px 1.8px at 450px 75px,rgba(236,72,153,.55),transparent);background-repeat:repeat;background-size:500px 500px;animation:gentleTwinkle 15s ease-in-out infinite;pointer-events:none;z-index:0;opacity:.6}@keyframes gentleTwinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;position:relative;z-index:1}