@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080512f2;border-bottom:1px solid #a855f726;justify-content:space-between;align-items:center;padding:.8rem 2.5rem;display:flex;position:sticky;top:0}.logo-area{cursor:pointer;align-items:center;gap:2.9rem;display:flex}.logo-wrapper{justify-content:center;align-items:center;width:50px;height:50px}.logo{object-fit:cover;width:50px;height:10px}.logo-content{flex-direction:column;line-height:1.2;display:flex}.logo-title{-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.2rem;font-weight:700}.logo-sub{letter-spacing:1.3px;color:#a78bfa;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:500}.navbar nav{flex:1;justify-content:center;margin:0 20px;display:flex}.menu{justify-content:center;align-items:center;gap:5px;margin:0;padding:0;list-style:none;display:flex}.menu li{color:#a9a3b8;cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:10px 12px;font-size:13px;font-weight:600;transition:color .2s,background .2s,transform .2s;display:flex}.menu li svg{font-size:14px}.menu li:hover{color:#fff;background:#8b5cf61f;transform:translateY(-1px)}.menu li.active{color:#fff;background:#8b5cf633;box-shadow:inset 0 0 0 1px #8b5cf640}.menu li.active svg{color:#a78bfa}.navbar-auth{flex-shrink:0;align-items:center;display:flex}.logged-user{align-items:center;gap:10px;display:flex}.user-info{background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;display:flex}.user-icon{color:#a78bfa;font-size:17px}.user-name{text-overflow:ellipsis;white-space:nowrap;color:#e9e5f2;max-width:130px;font-size:13px;font-weight:600;overflow:hidden}.login-btn{color:#ddd6fe;cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf673;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.login-btn svg{font-size:14px}.login-btn:hover{color:#fff;background:#b61dbb40;border-color:#dd4ce2b3;transform:translateY(-1px);box-shadow:0 5px 18px #99268f2e}.logout-btn{color:#ddd6fe;cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf673;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.logout-btn svg{font-size:14px}.logout-btn:hover{color:#fff;background:#b61dbb40;border-color:#dd4ce2b3;transform:translateY(-1px);box-shadow:0 5px 18px #99268f2e}.logout-btn:active,.login-btn:active{transform:translateY(0)}.login-btn:focus-visible,.logout-btn:focus-visible,.menu li:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}@media (width<=1200px){.navbar{padding:10px 16px}.navbar nav{margin:0 10px}.menu{gap:2px}.menu li{padding:9px 8px;font-size:12px}.menu li span{display:none}.menu li svg{font-size:16px}}@media (width<=768px){.navbar{min-height:64px;padding:8px 12px}.logo-wrapper{width:40px;height:40px}.logo{width:34px;height:34px}.logo-title{font-size:14px}.logo-sub{display:none}.navbar nav{margin:0 8px}.menu{gap:1px}.menu li{border-radius:8px;padding:8px}.user-info{padding:7px 8px}.user-name{display:none}.logout-btn{padding:8px 10px}.logout-btn span{display:none}.login-btn{padding:8px 11px}.login-btn span{display:none}}@media (width<=480px){.logo-content{display:none}.navbar nav{margin:0 4px}.menu li{padding:7px}.menu li svg{font-size:14px}.logout-btn,.login-btn{padding:8px}}.feedback-section{color:#fff;background:radial-gradient(circle at 50% 0,#8400ff14,#0000 40%),#05030b;width:100%;padding:100px 24px 120px}.feedback-container{width:min(1180px,100%);margin:0 auto}.feedback-header{background:linear-gradient(135deg,#140a23f5,#080510f5);border:1px solid #9d4eff59;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;padding:30px;display:flex;box-shadow:0 0 35px #8400ff14}.feedback-header-left{align-items:center;gap:18px;display:flex}.feedback-header-icon{background:linear-gradient(135deg,#8400ff47,#9d4eff14);border:1px solid #9d4eff73;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:25px;display:flex}.feedback-eyebrow{color:#a970ff;letter-spacing:2px;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.feedback-header h2{letter-spacing:-1px;background:linear-gradient(90deg,#fff,#b86cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(26px,3vw,38px);font-weight:900}.feedback-header p{color:#9b91ad;margin:8px 0 0;font-size:14px;line-height:1.6}.feedback-header-stats{gap:14px;display:flex}.feedback-stat{text-align:center;background:#8400ff0f;border:1px solid #9d4eff40;border-radius:12px;min-width:105px;padding:15px}.feedback-stat strong{color:#c184ff;font-size:20px;display:block}.feedback-stat span{color:#777080;letter-spacing:1.4px;margin-top:5px;font-size:9px;font-weight:800;display:block}.feedback-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.feedback-card{background:linear-gradient(145deg,#110a1dfa,#07050dfa);border:1px solid #9d4eff40;border-radius:16px;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.feedback-card:hover{border-color:#aa5cffa6;transform:translateY(-5px);box-shadow:0 15px 45px #6600ff1f}.feedback-card-top{justify-content:space-between;align-items:flex-start;display:flex}.feedback-user{align-items:center;gap:12px;display:flex}.feedback-avatar{color:#fff;background:linear-gradient(135deg,#741cff,#c05aff);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:900;display:flex}.feedback-user-details strong{color:#fff;font-size:14px;display:block}.feedback-user-details span{color:#a66dff;letter-spacing:1px;margin-top:4px;font-size:8px;font-weight:800;display:block}.feedback-quote{color:#b166ff47;font-size:36px;line-height:1}.feedback-stars{gap:3px;margin-top:20px;display:flex}.feedback-stars span{color:#4e4658;font-size:17px}.feedback-stars span.filled{color:#a855ff;text-shadow:0 0 12px #a855ff8c}.feedback-message{color:#c0b7cb;min-height:68px;margin:15px 0;font-size:13px;line-height:1.7}.feedback-tags{flex-wrap:wrap;gap:7px;display:flex}.feedback-tags span{color:#a98ac4;background:#8400ff14;border:1px solid #9d4eff2e;border-radius:7px;padding:6px 9px;font-size:9px}.feedback-card-footer{color:#70677b;letter-spacing:1px;border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:20px;padding-top:14px;font-size:9px;font-weight:800;display:flex}.feedback-card-footer span{color:#a45cff}.feedback-empty{text-align:center;background:#8400ff08;border:1px dashed #9d4eff47;border-radius:16px;grid-column:1/-1;padding:60px 20px}.feedback-empty-icon{margin-bottom:12px;font-size:38px}.feedback-empty h3{color:#fff;margin:0;font-size:20px}.feedback-empty p{color:#777080;margin:8px 0 0;font-size:13px}.feedback-loader{border:3px solid #9d4eff26;border-top-color:#9c4dff;border-radius:50%;width:30px;height:30px;margin:0 auto 15px;animation:.8s linear infinite feedbackSpin}@keyframes feedbackSpin{to{transform:rotate(360deg)}}.feedback-form{background:linear-gradient(145deg,#120920fa,#07050dfa);border:1px solid #9d4eff59;border-radius:18px;margin-top:35px;padding:32px;box-shadow:0 20px 60px #4c009614}.feedback-form-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.feedback-form-icon{color:#b45dff;background:#8400ff1a;border:1px solid #9d4eff4d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.feedback-form-header span{color:#a35aff;letter-spacing:2px;font-size:9px;font-weight:900}.feedback-form-header h3{color:#fff;margin:4px 0;font-size:23px}.feedback-form-header p{color:#766e80;margin:0;font-size:12px}.feedback-form-group{margin-top:22px}.feedback-form-group>label{color:#a59bad;letter-spacing:1.5px;margin-bottom:10px;font-size:10px;font-weight:900;display:block}.feedback-rating{gap:5px;display:flex}.feedback-rating button{color:#4d4557;cursor:pointer;background:0 0;border:0;padding:3px;font-size:28px;transition:color .2s,transform .2s}.feedback-rating button:hover{color:#b15cff;transform:scale(1.12)}.feedback-rating button.active{color:#a855ff;text-shadow:0 0 15px #a855ff99}.feedback-form textarea{resize:vertical;box-sizing:border-box;color:#fff;background:#040308e6;border:1px solid #9d4eff40;border-radius:12px;outline:none;width:100%;min-height:125px;padding:16px;font-family:inherit;font-size:13px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.feedback-form textarea::placeholder{color:#51495a}.feedback-form textarea:focus{border-color:#9447ff;box-shadow:0 0 0 3px #8400ff14}.feedback-character-count{text-align:right;color:#655c6d;margin-top:7px;font-size:10px}.feedback-quick-tags{flex-wrap:wrap;gap:9px;display:flex}.feedback-quick-tags button{color:#8f819d;cursor:pointer;background:#8400ff0a;border:1px solid #9d4eff38;border-radius:9px;padding:9px 13px;font-family:inherit;font-size:10px;transition:all .2s}.feedback-quick-tags button:hover{color:#c28aff;border-color:#9d4eff8c}.feedback-quick-tags button.active{color:#d19bff;background:#8400ff24;border-color:#9447ff;box-shadow:0 0 15px #8400ff14}.feedback-submit{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(90deg,#6617d9,#9c3cff);border:1px solid #be6bff80;border-radius:10px;width:100%;min-height:52px;margin-top:28px;font-family:inherit;font-size:12px;font-weight:900;transition:transform .2s,box-shadow .2s,opacity .2s}.feedback-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #8400ff40}.feedback-submit:disabled{opacity:.6;cursor:not-allowed}.button-spinner{vertical-align:-2px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-right:8px;animation:.7s linear infinite feedbackSpin;display:inline-block}.feedback-form-footer{text-align:center;color:#5f5768;margin-top:15px;font-size:10px;line-height:1.5}@media (width<=900px){.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-header{flex-direction:column;align-items:flex-start}.feedback-header-stats{width:100%}.feedback-stat{flex:1}}@media (width<=600px){.feedback-section{padding:70px 15px 90px}.feedback-header{padding:22px}.feedback-header-left{align-items:flex-start}.feedback-header-icon{width:46px;height:46px;font-size:20px}.feedback-header-stats{gap:8px}.feedback-stat{min-width:0;padding:12px 8px}.feedback-grid{grid-template-columns:1fr}.feedback-form{padding:22px}.feedback-form-header{align-items:flex-start}}:root{--bg:#0b0812;--bg-alt:#120d1d;--card:#161027;--card-hover:#1d1433;--border:#2b2145;--text:#e7defa;--muted:#9488b3;--accent:#a855f7;--accent-dark:#7e22ce;--accent-2:#c084fc;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--font-sans:"Inter", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}button{cursor:pointer;font-family:inherit}.dashboard-container{background:radial-gradient(ellipse at top left, #a855f714, transparent 50%), radial-gradient(ellipse at bottom right, #c084fc14, transparent 50%), var(--bg);perspective:1200px;min-height:100vh}.tilt3d{transform-style:preserve-3d;will-change:transform;transition:transform .25s;position:relative}.tilt3d:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff1f,#0000 45%);transition:opacity .3s;position:absolute;inset:0}.tilt3d:hover:after{opacity:1}.icon-pop{filter:drop-shadow(0 6px 12px #a855f766);transform:translateZ(35px)}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a12eb;border-bottom:1px solid #a855f726;justify-content:space-between;align-items:center;height:82px;padding:0 40px;display:flex}.logo-wrapper{width:160px;height:64px}.logo-area{align-items:center;gap:16px}.logo{width:60px;height:65px;margin-left:90px}.logo-title{color:#fff;letter-spacing:2px;margin:0;font-size:1.8rem;font-weight:800;line-height:1}.logo-sub{color:#a855f7;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:.72rem}.menu{flex-wrap:wrap;gap:.4rem;list-style:none;display:flex}.menu li{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.85rem;font-weight:500;transition:all .25s;display:flex}.menu li:hover{color:var(--text);background:#a855f70f;border-color:#a855f740;transform:translateZ(6px)}.menu li.active{color:var(--accent);background:#a855f71a;border-color:#a855f766;box-shadow:0 0 16px #a855f740,inset 0 0 8px #a855f71a}.menu li:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-btn{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);letter-spacing:1px;box-shadow:0 5px 0 var(--accent-dark), 0 8px 20px #00000073;background:#a855f714;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.85rem;transition:all .15s;display:flex}.login-btn:hover{background:var(--accent);color:#1a0b2e;box-shadow:0 5px 0 var(--accent-dark), 0 0 25px #a855f780;transform:translateY(-2px)}.login-btn:active{box-shadow:0 1px 0 var(--accent-dark), 0 3px 8px #0006;transform:translateY(4px)}.hero-left{flex-direction:column;justify-content:center;width:600px;height:500px;margin-left:150px;display:flex;transform:translate(-110px)}.hero-badge{border:1px solid #9333ea;border-radius:999px;height:4px;margin:10px 10px 10px 2px;letter-spacing:1px!important;width:300px!important;height:50px!important;font-size:14px!important;font-weight:1100!important}.hero-title{color:#fff;text-transform:uppercase;font-size:3.5rem;font-weight:900;line-height:1.1}.extrude-text{color:#a855f7;text-shadow:0 2px #9333ea,0 4px #7e22ce,0 6px #6b21a8,0 10px 20px #00000080,0 0 35px #a855f780;margin:9px 0;font-size:4.3rem;display:block}.hero-description span{color:#9333ea}.hero-logo{width:100%;height:100%;margin-left:270px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.8rem;max-width:1500px;max-height:1500px;margin:1rem auto;padding:3rem 4rem 5rem;display:grid}.feature-card{background:linear-gradient(145deg, var(--card), #120d1f);border:1px solid var(--border);transform-style:preserve-3d;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000073}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;z-index:3;width:100%;height:3px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.feature-card:after{content:"";filter:blur(10px);z-index:-1;background:#00000059;height:20px;transition:all .3s;position:absolute;bottom:-8px;left:8px;right:8px}.feature-card:hover{border-color:#a855f766;box-shadow:0 25px 50px #0009,0 0 25px #a855f71f}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover:after{opacity:.6;bottom:-14px}.feature-icon{width:46px;min-width:46px;height:46px;color:var(--accent);background:#a855f71a;border:1px solid #a855f74d;border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;display:flex;box-shadow:inset 0 0 12px #a855f714}.feature-content{transform:translateZ(20px)}.feature-content h2{font-size:1.1rem;font-family:var(--font-mono);letter-spacing:1px;margin-bottom:.3rem}.feature-content p{color:var(--muted);font-size:.85rem}.feature-arrow{color:var(--muted);margin-left:auto;transition:all .3s;transform:translateZ(30px)}.feature-card:hover .feature-arrow{color:var(--accent);transform:translateZ(30px)translate(4px)}.section-title{text-align:center;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;text-shadow:0 4px 12px #0009;margin-bottom:2.5rem;font-size:1.6rem;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:2px;width:70px;height:3px;margin:.8rem auto 0;display:block;box-shadow:0 0 12px #a855f780}.social-section,.security-section,.activity-section{max-width:1400px;margin:0 auto;padding:4rem 3rem}.social-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.social-card{background:linear-gradient(145deg, var(--card), #120d1f);border:1px solid var(--border);transform-style:preserve-3d;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.4rem;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 12px 28px #0006}.social-card:hover{border-color:#c084fc73;box-shadow:0 18px 40px #0000008c,0 0 20px #c084fc26}.social-left{align-items:center;gap:1rem;display:flex;transform:translateZ(25px)}.social-icon{width:44px;height:44px;color:var(--accent-2);font-family:var(--font-mono);background:#c084fc1a;border:1px solid #c084fc59;border-radius:10px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;box-shadow:inset 0 0 12px #c084fc14}.social-left h3{font-size:.95rem;font-family:var(--font-mono);letter-spacing:1px}.social-left p{color:var(--muted);font-size:.78rem}.social-card button{border:1px solid var(--accent-2);color:var(--accent-2);font-family:var(--font-mono);letter-spacing:1px;white-space:nowrap;box-shadow:0 4px 0 var(--accent-dark);background:0 0;border-radius:7px;padding:.5rem 1.2rem;font-size:.78rem;transition:all .2s}.social-card button:hover{background:var(--accent-2);color:#1a0b2e;box-shadow:0 4px 0 var(--accent-dark), 0 0 18px #c084fc80;transform:translateY(-2px)}.social-card button:active{box-shadow:0 1px 0 var(--accent-dark);transform:translateY(3px)}.security-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.security-card{background:linear-gradient(145deg, var(--card), #120d1f);border:1px solid var(--border);transform-style:preserve-3d;border-radius:12px;align-items:center;gap:1rem;padding:1.4rem;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 12px 28px #0006}.security-card:hover{border-color:#a855f766;box-shadow:0 18px 40px #0000008c,0 0 20px #a855f71f}.security-icon{font-size:1.8rem;transform:translateZ(30px)}.security-card h3{font-size:.95rem;font-family:var(--font-mono);letter-spacing:1px;margin-bottom:.2rem}.security-card p{color:var(--muted);font-size:.9rem}.stats-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(135deg,#140e22,#0b0812);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;padding:4rem 3rem;display:grid}.stat-card{text-align:center;padding:1.5rem;transition:transform .3s}.stat-card:hover{transform:translateY(-6px)scale(1.05)}.stat-value{font-size:2.8rem;font-family:var(--font-mono);color:var(--accent);text-shadow:0 2px #7e22ce,0 4px #6d1bb8,0 6px 12px #0009,0 0 25px #a855f773}.stat-card p{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:.4rem;font-size:.85rem}.news-section{max-width:1400px;margin:0 auto;padding:4rem 3rem}.news-section>h2{text-align:center;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;text-shadow:0 4px 12px #0009;margin-bottom:2.5rem;font-size:1.6rem}.news-section>h2:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:2px;width:70px;height:3px;margin:.8rem auto 0;display:block;box-shadow:0 0 12px #a855f780}.news-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.news-card{background:linear-gradient(145deg, var(--card), #120d1f);border:1px solid var(--border);border-left:3px solid var(--accent);transform-style:preserve-3d;border-radius:12px;padding:1.6rem;transition:border-color .3s,box-shadow .3s;box-shadow:0 12px 28px #0006}.news-card:hover{border-color:#a855f766;box-shadow:0 20px 45px #0000008c,0 0 20px #a855f71f}.news-card h3{font-size:1rem;font-family:var(--font-mono);color:var(--accent);margin-bottom:.5rem;transform:translateZ(20px)}.news-card p{color:var(--muted);font-size:.85rem}.activity-section{max-width:1450px;margin:120px auto;padding:0 30px}.timeline{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;display:grid}.timeline-card{cursor:pointer;background:linear-gradient(145deg,#181226f2,#110d1efa);border:1px solid #a855f72e;border-radius:18px;align-items:flex-start;gap:18px;min-height:170px;padding:24px;transition:all .35s;display:flex}.timeline-card:hover{border-color:#a855f7;transform:translate(10px);box-shadow:0 0 35px #a855f740}.timeline-dot{background:#a855f71a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex}.timeline-content{flex:1}.timeline-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.timeline-header h3{font-size:18px;line-height:1.4}.timeline-header span{color:#a855f7;font-size:13px}.timeline-content p{color:#9ca3af;font-size:15px;line-height:1.7}.contact-section{max-width:900px;margin:120px auto;padding:0 30px}.contact-header{text-align:center;margin-bottom:50px}.section-subtitle{color:#9ca3af;margin-top:10px;font-size:15px}.contact-card{background:linear-gradient(145deg,#181226f2,#110d1efa);border:1px solid #a855f733;border-radius:20px;padding:40px;box-shadow:0 0 30px #a855f726}.contact-form{flex-direction:column;gap:24px;display:flex}.input-group{flex-direction:column;display:flex}.input-group label{color:#fff;letter-spacing:1px;margin-bottom:10px;font-size:15px;font-weight:600}.input-group input,.input-group textarea{color:#fff;background:#181327;border:1px solid #a855f740;border-radius:12px;outline:none;width:100%;padding:16px 18px;font-size:15px;transition:all .3s}.input-group input:focus,.input-group textarea:focus{border-color:#a855f7;box-shadow:0 0 18px #a855f740}.input-group textarea{resize:none}.submit-btn{color:#fff;letter-spacing:2px;cursor:pointer;background:#9333ea;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:700;transition:all .3s}.submit-btn:hover{background:#a855f7;transform:translateY(-3px);box-shadow:0 0 20px #a855f759}.footer{background:#120d1f;border-top:1px solid #a855f733;margin-top:120px}.footer-container{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:45px;max-width:1450px;margin:auto;padding:70px 30px;display:grid}.footer-brand h2{margin-bottom:18px}.footer-desc{color:#9ca3af;margin-bottom:25px;line-height:1.8}.footer-social{flex-wrap:wrap;gap:18px;display:flex}.footer-social a{color:#a855f7;text-decoration:none}.footer-column{flex-direction:column;gap:12px;display:flex}.footer-column h3{color:#fff;letter-spacing:2px;margin-bottom:10px}.footer-column a{color:#9ca3af;text-decoration:none;transition:all .3s}.footer-column a:hover{color:#a855f7;padding-left:6px}.footer-column p{color:#9ca3af;line-height:1.8}.footer-btn{color:#fff;cursor:pointer;background:#9333ea;border:none;border-radius:10px;margin-top:15px;padding:12px 18px}.footer-btn:hover{background:#a855f7}.footer hr{border:none;border-top:1px solid #a855f726}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1450px;margin:auto;padding:22px 30px;display:flex}.footer-bottom p{color:#9ca3af}.footer-bottom-links{gap:25px;display:flex}.footer-bottom-links a{color:#9ca3af;text-decoration:none}.footer-bottom-links a:hover{color:#a855f7}@keyframes blink{50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes logo-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes text-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.6}94%{opacity:1}96%{opacity:.8}97%{opacity:1}}@media (width<=1024px){.hero{text-align:center;grid-template-columns:1fr;gap:2.5rem;padding:4rem 2rem}.hero-title{font-size:2rem}.extrude-text{font-size:2.4rem}.status-card{margin:0 auto}.navbar{justify-content:center}}@media (width<=768px){.navbar{flex-direction:column;align-items:flex-start;padding:1rem 1.5rem;position:static}.menu{gap:.3rem;width:100%}.menu li{padding:.45rem .8rem;font-size:.78rem}.login-btn{justify-content:center;width:100%}.feature-grid,.social-grid,.security-grid,.news-grid,.stats-section{padding-left:1.5rem;padding-right:1.5rem}.section-title{font-size:1.2rem}.hero-image{width:220px}.hologram-ring{width:260px;height:260px}.footer-bottom{text-align:center;flex-direction:column}}@media (width<=480px){.menu li{flex:40%;justify-content:center}.stat-value{font-size:2rem}.social-card{flex-direction:column;align-items:stretch}.social-card button{width:100%}}html,body,#root{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}.dashboard-container{width:100%;max-width:100%;overflow-x:hidden}.navbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;height:auto;min-height:82px;padding:12px clamp(15px,4vw,40px);display:flex}.logo-area{flex-shrink:0;align-items:center;gap:12px;display:flex}.logo-wrapper{flex-shrink:0;width:60px;height:60px}.logo{object-fit:contain;width:60px;height:60px;margin-left:0}.logo-content{min-width:0}.logo-title{white-space:nowrap;font-size:clamp(1.2rem,2.5vw,1.8rem)}.logo-sub{white-space:nowrap;font-size:clamp(.55rem,1vw,.72rem)}.navbar nav{flex:auto;min-width:0}.menu{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.menu li{white-space:nowrap;padding:8px 10px;font-size:clamp(.68rem,1vw,.85rem)}.login-btn{flex-shrink:0}.hero{grid-template-columns:minmax(0,1fr) minmax(220px,420px);align-items:center;gap:clamp(30px,6vw,100px);width:100%;max-width:1600px;margin:0 auto;padding:clamp(50px,8vw,90px) clamp(20px,5vw,50px);display:grid}.hero-left{flex-direction:column;justify-content:center;width:100%;max-width:650px;height:auto;margin-left:0;display:flex;transform:none}.hero-badge{max-width:100%;margin:0 0 20px;padding:10px 20px;width:fit-content!important;height:auto!important;font-size:clamp(11px,1.3vw,14px)!important}.hero-title{word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.extrude-text{margin:8px 0;font-size:clamp(2.5rem,6vw,4.3rem)}.hero-description{max-width:700px;font-size:clamp(.85rem,1.5vw,1rem);line-height:1.7}.hero-logo{object-fit:contain;width:min(100%,420px);height:auto;max-height:500px;margin:0 auto}.feature-grid,.social-grid,.security-grid,.news-grid,.timeline{width:100%;max-width:1450px;margin-left:auto;margin-right:auto}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));padding-left:clamp(15px,4vw,4rem);padding-right:clamp(15px,4vw,4rem)}.social-section,.security-section,.activity-section{width:100%;max-width:1450px;padding-left:clamp(15px,4vw,3rem);padding-right:clamp(15px,4vw,3rem)}.security-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.news-section{width:100%;max-width:1450px;padding-left:clamp(15px,4vw,3rem);padding-right:clamp(15px,4vw,3rem)}.news-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.timeline{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}.contact-section{width:100%;max-width:900px;padding-left:clamp(15px,4vw,30px);padding-right:clamp(15px,4vw,30px)}.contact-card{width:100%;padding:clamp(20px,5vw,40px)}.footer-container{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;width:100%;max-width:1450px;padding-left:clamp(15px,4vw,30px);padding-right:clamp(15px,4vw,30px)}@media (width<=1024px){.navbar{justify-content:center}.logo-area{width:auto}.navbar nav{flex-basis:100%;order:3;width:100%}.menu{justify-content:center}.login-btn{width:auto}.hero{text-align:center;grid-template-columns:1fr;gap:40px;padding-top:60px;padding-bottom:60px}.hero-left{align-items:center;max-width:800px;margin:0 auto}.hero-logo{width:min(60vw,350px);margin:0 auto}.hero-description{margin-left:auto;margin-right:auto}}@media (width<=768px){.navbar{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 15px}.logo-wrapper,.logo{width:48px;height:48px}.logo-title{font-size:1.2rem}.logo-sub{letter-spacing:1px;font-size:.5rem}.navbar nav{scrollbar-width:none;order:3;width:100%;overflow:auto hidden}.navbar nav::-webkit-scrollbar{display:none}.menu{flex-wrap:nowrap;justify-content:flex-start;width:max-content;padding-bottom:4px}.menu li{flex:none;padding:7px 10px;font-size:.72rem}.login-btn{padding:8px 12px;font-size:.72rem}.hero{gap:35px;width:100%;padding:45px 18px}.hero-title{font-size:clamp(1.8rem,9vw,2.5rem)}.extrude-text{font-size:clamp(2.2rem,11vw,3.2rem)}.hero-logo{width:min(70vw,300px)}.feature-grid,.social-grid,.security-grid,.news-grid,.timeline{grid-template-columns:1fr;gap:18px}.feature-grid{padding:25px 15px 50px}.social-section,.security-section,.activity-section,.news-section{padding:40px 15px}.timeline-card{min-height:auto;padding:18px}.timeline-header{flex-direction:column;gap:5px}.contact-section{margin:70px auto}.footer-container{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-bottom{gap:15px}.footer-bottom-links{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.navbar{padding:10px}.logo-area{gap:7px}.logo-wrapper,.logo{width:42px;height:42px}.logo-title{letter-spacing:1px;font-size:1rem}.logo-sub{font-size:.43rem}.login-btn{padding:7px 10px}.hero{padding:35px 14px}.hero-badge{padding:8px 14px;font-size:10px!important}.hero-title{font-size:1.7rem}.extrude-text{font-size:2.2rem}.hero-description{font-size:.82rem}.hero-logo{width:75vw;max-width:260px}.feature-card,.social-card,.security-card,.news-card,.timeline-card{width:100%}.social-card{flex-direction:column;align-items:stretch}.social-card button{width:100%}.footer-container{grid-template-columns:1fr}.footer-bottom{text-align:center}}@media (width<=360px){.logo-title{font-size:.9rem}.logo-sub{display:none}.login-btn{padding:6px 8px;font-size:.65rem}.hero-title{font-size:1.5rem}.extrude-text{font-size:1.9rem}.hero-description{font-size:.75rem}}.login-page{color:#fff;background:radial-gradient(circle at 50% 20%,#7d27ff14,#0000 35%),#05030a;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.login-navbar{z-index:1000;width:100%;display:block;position:relative;top:0;left:0}.login-navbar>*{width:100%}.login-main{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 90px);padding:60px 20px;display:flex}.auth-card{box-sizing:border-box;background:linear-gradient(145deg,#150c23fa,#090511fa);border:1px solid #a855f773;border-radius:18px;width:100%;max-width:370px;padding:30px;position:relative;box-shadow:0 0 30px #8b5cf61a,inset 0 0 30px #8b5cf606}.auth-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#c026d3);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 20px;font-size:24px;display:flex;box-shadow:0 0 25px #a855f759}.auth-card h1{text-align:center;color:#fff;margin:0;font-size:30px;font-weight:700}.auth-subtitle{text-align:center;color:#a9a0b8;margin:10px 0 25px;font-size:14px;line-height:1.5}.auth-error{box-sizing:border-box;color:#fca5a5;background:#ef444414;border:1px solid #ef444466;border-radius:8px;width:100%;margin-bottom:20px;padding:11px 13px;font-size:13px;line-height:1.4}.auth-card form{width:100%}.auth-card label{color:#c9bfd6;margin:0 0 8px;font-size:13px;font-weight:600;display:block}.auth-input{box-sizing:border-box;background:#150c23d9;border:1px solid #a855f773;border-radius:8px;align-items:center;gap:10px;width:100%;height:48px;margin-bottom:20px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.auth-input>svg{color:#a855f7;flex-shrink:0;font-size:15px}.auth-input input{color:#fff;background:0 0;border:none;outline:none;width:100%;min-width:0;height:100%;font-size:14px}.auth-input input::placeholder{color:#766b82}.auth-input:focus-within{border-color:#a855f7;box-shadow:0 0 0 2px #a855f714,0 0 18px #a855f71a}.password-toggle{color:#a855f7;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.password-toggle:hover{color:#d8b4fe}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7c3aed,#c026d3);border:none;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;margin-top:4px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #a855f740}.auth-button:disabled{opacity:.65;cursor:not-allowed}.auth-footer{text-align:center;color:#91879d;margin:24px 0 0;font-size:13px}.auth-footer a{color:#c084fc;font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#e9d5ff;text-decoration:underline}@media (width<=768px){.login-main{min-height:auto;padding:40px 16px 60px}.auth-card{max-width:400px;padding:26px 22px}}@media (width<=480px){.login-main{padding:30px 14px 50px}.auth-card{border-radius:14px;padding:24px 18px}.auth-card h1{font-size:26px}.auth-subtitle{font-size:13px}}.signup-page{color:#fff;background:radial-gradient(circle at 50% 30%,#7e22ce1f,#0000 42%),#05020a;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.signup-navbar{flex-shrink:0;width:100%}.signup-main{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding:50px 20px;display:flex}.signup-card{box-sizing:border-box;background:linear-gradient(145deg,#190a28fa,#08030ffa);border:1px solid #a855f759;border-radius:18px;width:100%;max-width:480px;margin:0 auto;padding:38px 35px;box-shadow:0 0 35px #7e22ce29,0 20px 60px #00000073}.signup-icon{color:#b56cff;background:#7e22ce24;border:1px solid #a855f766;border-radius:15px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 18px;font-size:25px;display:flex;box-shadow:0 0 25px #7e22ce26}.signup-card h1{text-align:center;letter-spacing:-.5px;margin:0;font-size:30px;font-weight:700}.signup-subtitle{text-align:center;color:#a49bab;margin:9px 0 28px;font-size:14px;line-height:1.5}.signup-error{color:#fca5a5;text-align:center;background:#ef444414;border:1px solid #ef444459;border-radius:9px;margin-bottom:20px;padding:12px 14px;font-size:13px}.signup-card form{width:100%}.signup-card label{color:#ddd6e5;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.name-row{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:0;display:grid}.signup-input{box-sizing:border-box;background:#ffffff09;border:1px solid #a855f747;border-radius:9px;align-items:center;gap:10px;width:100%;height:48px;margin-bottom:18px;padding:0 13px;transition:all .2s;display:flex}.signup-input:focus-within{background:#a855f70d;border-color:#a855f7;box-shadow:0 0 0 3px #a855f717}.signup-input>svg{color:#a855f7;flex-shrink:0;font-size:15px}.signup-input input{color:#fff;background:0 0;border:none;outline:none;width:100%;height:46px;font-size:14px}.signup-input input::placeholder{color:#706878}.password-toggle{color:#817889;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.password-toggle:hover{color:#c084fc;background:#a855f71a}.signup-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;border-radius:9px;width:100%;height:50px;margin-top:2px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 8px 25px #7e22ce40}.signup-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #7e22ce61}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{opacity:.65;cursor:not-allowed}.signup-footer{text-align:center;color:#8f8798;margin:24px 0 0;font-size:13px}.signup-footer a{color:#c084fc;font-weight:600;text-decoration:none}.signup-footer a:hover{color:#d8b4fe;text-decoration:underline}@media (width<=600px){.signup-main{padding:30px 15px}.signup-card{max-width:100%;padding:30px 22px}.name-row{grid-template-columns:1fr;gap:0}.signup-card h1{font-size:26px}}@media (width<=400px){.signup-main{padding:20px 12px}.signup-card{padding:26px 18px}.signup-card h1{font-size:24px}}.portfolio-page{color:#e9d5ff;background:#07040f;min-height:100vh}.port-hero{justify-content:space-between;align-items:center;gap:10rem;max-width:1450px;margin:0 auto;padding:6rem 1rem;display:flex}.port-hero-left{flex:0 0 45%;max-width:600px}.port-hero-right{flex:0 0 55%;justify-content:flex-end;margin-left:120px;display:flex}.port-hero-left,.profile-wrapper{cursor:pointer;transition:all .4s}.port-hero-left:hover{transform:translateY(-5px)scale(1.03)}.profile-wrapper:hover{transform:translateY(-5px)scale(1.06)}.profile-wrapper:hover .profile-img{transform:scale(1.08)}.port-badge{letter-spacing:2.9px;color:#c084fc;text-align:center;background:#a855f726;border:1px solid #a855f759;border-radius:50px;margin-bottom:1.1rem;padding:.2rem 1.2rem;font-size:1.1rem;display:inline-block}.port-title{color:#f3e8ff;margin:0 0 1rem;font-size:5.1rem;font-weight:900;line-height:1.1}.port-subtitle{color:#c084fc;margin:0 0 1.3rem;font-size:1.15rem;font-weight:500}.port-desc{color:#a78bfa;max-width:480px;font-size:1.05rem;line-height:1.65}.port-hero-right{justify-content:center;align-items:center;display:flex}.profile-wrapper{width:380px;height:380px;position:relative}.profile-glow{filter:blur(12px);background:radial-gradient(circle,#a855f759,#0000 110%);border-radius:50%;animation:4s ease-in-out infinite glowPulse;position:absolute;inset:-19px}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.profile-img{object-fit:cover;z-index:2;border:4px solid #a855f7;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 0 40px #a855f780}.section-header{justify-content:center;align-items:center;gap:18px;display:flex}.section-logo{object-fit:contain;width:45px;height:45px;transform:translateY(-28px)}.section-title{color:#fff;text-transform:uppercase;letter-spacing:3px;font-size:48px;font-weight:700}.domain-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.domain-card{text-align:center;background:#120a23cc;border:1px solid #a855f733;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:1.6rem 1.3rem;transition:all .3s;display:flex;box-shadow:0 4px 20px #00000040}.domain-card:hover{background:#1e0f37e6;border-color:#a855f780;transform:translateY(-6px);box-shadow:0 12px 30px #7c3aed4d}.domain-icon{margin-bottom:1rem;font-size:2rem;display:block}.domain-card h3{color:#f3e8ff;margin:0 0 .6rem;font-size:1.05rem;font-weight:600;line-height:1.3}.domain-card p{color:#a78bfa;margin:0;font-size:.84rem;line-height:1.45}@media (width<=1200px){.domain-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=950px){.domain-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.domain-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}}@media (width<=480px){.domain-grid{grid-template-columns:1fr}}.port-section{max-width:1300px;margin:0 auto;padding:4rem 2.5rem}.tools-section{background:#0c071666;max-width:100%;padding:4rem 2.5rem}.port-cta{text-align:center;background:radial-gradient(at bottom,#7c3aed1f,#0000 70%);padding:5rem 2rem}.port-cta h2{color:#f3e8ff;margin:0 0 .7rem;font-size:1.8rem}.port-cta p{color:#a78bfa;font-size:1.05rem}.footer{background:#0b0714;border-top:1px solid #a855f74d;margin-top:100px;padding:60px 8% 20px}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:50px;display:flex}.footer-brand{max-width:380px}.footer-logo{width:60px;margin-bottom:15px}.footer-brand h2{color:#fff;margin-bottom:10px}.footer-brand p{color:#a1a1aa;line-height:1.8}.footer-links{flex-wrap:wrap;gap:80px;display:flex}.footer-column h3{color:#a855f7;margin-bottom:15px}.footer-column a,.footer-column p{color:#bfbfbf;margin-bottom:10px;text-decoration:none;transition:all .3s;display:block}.footer-column a:hover{color:#a855f7}.footer-bottom{color:#888;border-top:1px solid #a855f733;flex-wrap:wrap;justify-content:space-between;margin-top:40px;padding-top:20px;display:flex}.domain-card h4{color:#a855f7;margin-top:8px;margin-bottom:10px;font-size:17px;font-weight:600}.domain-card small{color:#9ca3af;margin-top:15px;font-size:14px;font-weight:500;display:block}.portfolio-page{width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}.portfolio-page *,.portfolio-page :before,.portfolio-page :after{box-sizing:border-box}.portfolio-page img{max-width:100%}.port-hero{grid-template-columns:minmax(0,1fr) minmax(280px,450px);align-items:center;gap:clamp(30px,7vw,100px);width:100%;max-width:1450px;margin:0 auto;padding:clamp(50px,8vw,100px) clamp(20px,5vw,60px);display:grid}.port-hero-left{flex:none;width:100%;min-width:0;max-width:650px}.port-hero-right{justify-content:center;align-items:center;width:100%;min-width:0;margin:0;display:flex}.port-badge{letter-spacing:clamp(1px,.3vw,2.9px);white-space:normal;max-width:100%;padding:8px 18px;font-size:clamp(.75rem,1.4vw,1.1rem);line-height:1.4}.port-title{word-break:normal;overflow-wrap:anywhere;font-size:clamp(2.5rem,6vw,5.1rem);line-height:1.05}.port-subtitle{max-width:700px;font-size:clamp(.9rem,1.5vw,1.15rem);line-height:1.7}.port-desc{max-width:550px;font-size:clamp(.9rem,1.3vw,1.05rem);line-height:1.7}.profile-wrapper{width:min(380px,80vw);max-width:380px;height:min(380px,80vw);max-height:380px;margin:0 auto}.profile-img{object-fit:cover;width:100%;height:100%}.port-section{width:100%;max-width:1300px;margin:0 auto;padding:clamp(45px,7vw,80px) clamp(15px,4vw,40px)}.tools-section{width:100%;max-width:100%;padding:clamp(45px,7vw,80px) clamp(15px,4vw,40px)}.section-header{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:clamp(25px,4vw,45px);display:flex}.section-title{letter-spacing:clamp(1px,.25vw,3px);word-break:normal;overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.5rem,4vw,3rem);line-height:1.2}.domain-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:clamp(15px,2vw,24px);width:100%;max-width:1200px;margin:0 auto;display:grid}.domain-card{overflow-wrap:anywhere;width:100%;min-width:0;min-height:170px;padding:clamp(18px,2vw,26px) clamp(14px,2vw,20px)}.domain-card h3{overflow-wrap:anywhere;width:100%;font-size:clamp(.9rem,1.3vw,1.05rem);line-height:1.35}.domain-card h4{overflow-wrap:anywhere;max-width:100%;font-size:clamp(.85rem,1.2vw,1.05rem);line-height:1.4}.domain-card p{overflow-wrap:anywhere;max-width:100%;font-size:clamp(.78rem,1vw,.9rem);line-height:1.55}.domain-card small{overflow-wrap:anywhere;max-width:100%;font-size:clamp(.7rem,1vw,.85rem)}@media (width<=1024px){.port-hero{grid-template-columns:1fr 320px;gap:40px;padding:60px 30px}.port-title{font-size:clamp(2.5rem,6vw,4rem)}.profile-wrapper{width:min(320px,40vw);height:min(320px,40vw)}.domain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.port-hero{text-align:center;flex-direction:column;gap:40px;width:100%;padding:50px 20px;display:flex}.port-hero-left{flex-direction:column;align-items:center;width:100%;max-width:700px;display:flex}.port-hero-right{width:100%}.port-badge{margin-bottom:15px;padding:8px 14px;font-size:.75rem;display:inline-block}.port-title{width:100%;font-size:clamp(2.2rem,10vw,3.5rem);line-height:1.05}.port-subtitle,.port-desc{width:100%;font-size:.9rem;line-height:1.7}.profile-wrapper{width:min(300px,70vw);height:min(300px,70vw)}.port-section,.tools-section{padding:45px 15px}.section-title{letter-spacing:1.5px;font-size:clamp(1.4rem,6vw,2rem)}.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.domain-card{min-height:165px}}@media (width<=480px){.port-hero{padding:40px 14px}.port-badge{letter-spacing:1.5px;padding:7px 12px;font-size:.65rem}.port-title{font-size:clamp(2rem,12vw,2.8rem)}.port-subtitle{font-size:.82rem;line-height:1.65}.port-desc{font-size:.82rem}.profile-wrapper{width:min(260px,72vw);height:min(260px,72vw)}.port-section,.tools-section{padding:40px 12px}.section-header{margin-bottom:25px}.section-title{letter-spacing:1px;font-size:1.3rem}.domain-grid{grid-template-columns:1fr;gap:14px}.domain-card{min-height:150px;padding:20px 15px}.domain-icon{margin-bottom:.7rem;font-size:1.7rem}.domain-card h3{font-size:.95rem}.domain-card h4{font-size:.85rem}.domain-card p{font-size:.8rem}.domain-card small{font-size:.75rem}.footer{width:100%;margin-top:60px;padding:45px 15px 20px}.footer-container{flex-direction:column;gap:35px;width:100%}.footer-brand{text-align:center;width:100%;max-width:100%}.footer-links{text-align:center;grid-template-columns:1fr;gap:30px;width:100%;display:grid}.footer-column{width:100%}.footer-column a,.footer-column p{overflow-wrap:anywhere;font-size:.85rem}}@media (width<=360px){.port-hero{padding:35px 10px}.port-title{font-size:1.9rem}.port-subtitle,.port-desc{font-size:.76rem}.profile-wrapper{width:220px;height:220px}.section-title{font-size:1.15rem}.domain-card{min-height:140px}}.bugbounty-page{color:#e9d5ff;background:#07040f;min-height:100vh}.bb-profile-img{object-fit:contain;width:200px;height:200px;box-shadow:none;filter:none;background:0 0;border:none;border-radius:0}.bugbounty-page .bb-hero-right{box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;display:flex!important}.bugbounty-page .bb-profile-wrapper{width:auto!important;height:auto!important;box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.bugbounty-page .bb-profile-img{object-fit:contain!important;width:320px!important;height:320px!important;box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important}.bugbounty-page{width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}.bugbounty-page *,.bugbounty-page :before,.bugbounty-page :after{box-sizing:border-box}.bugbounty-page img{max-width:100%}.bugbounty-page .bb-hero{flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) minmax(250px,400px);align-items:center;gap:clamp(30px,7vw,100px);width:100%;max-width:1300px;margin:0 auto;padding:clamp(50px,8vw,90px) clamp(18px,5vw,55px);display:grid}.bugbounty-page .bb-hero-left{width:100%;min-width:0;max-width:650px}.bugbounty-page .bb-hero-right{width:100%;min-width:0;box-shadow:none!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important}.bugbounty-page .bb-badge{letter-spacing:clamp(1px,.25vw,1.8px);white-space:normal;text-align:center;width:fit-content;max-width:100%;margin-bottom:18px;padding:8px 18px;line-height:1.4;display:inline-block;font-size:clamp(.65rem,1.2vw,.85rem)!important}.bugbounty-page .bb-title{overflow-wrap:anywhere;width:100%;margin:0 0 18px;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;line-height:1.08}.bugbounty-page .bb-subtitle{width:100%;max-width:700px;margin:0 0 18px;font-size:clamp(.85rem,1.5vw,1.15rem);line-height:1.7}.bugbounty-page .bb-desc{width:100%;max-width:550px;margin:0;font-size:clamp(.82rem,1.3vw,1.05rem);line-height:1.7}.bugbounty-page .bb-profile-wrapper{justify-content:center;align-items:center;display:flex;width:100%!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.bugbounty-page .bb-profile-img{aspect-ratio:1;max-width:320px;object-fit:contain!important;width:min(320px,30vw)!important;height:auto!important;box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0 auto!important;padding:0!important;display:block!important}.bugbounty-page .bb-section{width:100%;max-width:1300px;margin:0 auto;padding:clamp(45px,7vw,80px) clamp(15px,4vw,40px)}.bugbounty-page .section-header{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:clamp(25px,4vw,45px);display:flex}.bugbounty-page .section-title{letter-spacing:clamp(.5px,.15vw,2px);overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.25}.bugbounty-page .courses-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(15px,2.5vw,28px);width:100%;max-width:1200px;margin:0 auto;display:grid}.bugbounty-page .course-card{border-radius:16px;flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden}.bugbounty-page .course-image{aspect-ratio:16/9;width:100%;height:auto;position:relative;overflow:hidden}.bugbounty-page .course-image img{object-fit:cover;width:100%;height:100%;display:block}.bugbounty-page .course-level{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 20px);padding:5px 10px;font-size:clamp(.6rem,1vw,.72rem);position:absolute;top:10px;left:10px;overflow:hidden}.bugbounty-page .course-content{flex:1;width:100%;min-width:0;padding:clamp(16px,2vw,24px)}.bugbounty-page .course-content h3{overflow-wrap:anywhere;width:100%;margin:0 0 10px;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.4}.bugbounty-page .course-content p{overflow-wrap:anywhere;width:100%;margin:0 0 16px;font-size:clamp(.78rem,1.2vw,.9rem);line-height:1.6}.bugbounty-page .read-more{white-space:nowrap;font-size:clamp(.78rem,1.2vw,.9rem);display:inline-block}@media (width<=1200px){.bugbounty-page .bb-hero{grid-template-columns:minmax(0,1fr) minmax(220px,330px);gap:50px}.bugbounty-page .bb-profile-img{max-width:280px;width:min(280px,30vw)!important}.bugbounty-page .courses-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.bugbounty-page .bb-hero{text-align:center;grid-template-columns:1fr;gap:40px;padding:60px 25px}.bugbounty-page .bb-hero-left{flex-direction:column;align-items:center;max-width:750px;margin:0 auto;display:flex}.bugbounty-page .bb-subtitle,.bugbounty-page .bb-desc{margin-left:auto;margin-right:auto}.bugbounty-page .bb-profile-img{max-width:280px;width:280px!important}.bugbounty-page .courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.bugbounty-page .bb-hero{gap:30px;padding:45px 16px}.bugbounty-page .bb-badge{letter-spacing:1px;padding:7px 12px;font-size:.62rem!important}.bugbounty-page .bb-title{font-size:clamp(1.8rem,9vw,2.6rem)}.bugbounty-page .bb-subtitle{font-size:.82rem;line-height:1.65}.bugbounty-page .bb-desc{font-size:.8rem;line-height:1.65}.bugbounty-page .bb-profile-img{max-width:230px;width:230px!important}.bugbounty-page .bb-section{padding:40px 12px}.bugbounty-page .section-title{letter-spacing:1px;font-size:1.35rem}.bugbounty-page .courses-grid{grid-template-columns:1fr;gap:16px}.bugbounty-page .course-content{padding:18px 16px 20px}.bugbounty-page .course-content h3{font-size:1rem}.bugbounty-page .course-content p{font-size:.8rem}}@media (width<=400px){.bugbounty-page .bb-hero{padding:35px 10px}.bugbounty-page .bb-title{font-size:1.75rem}.bugbounty-page .bb-subtitle,.bugbounty-page .bb-desc{font-size:.75rem}.bugbounty-page .bb-profile-img{max-width:200px;width:200px!important}.bugbounty-page .bb-section{padding:35px 10px}.bugbounty-page .section-title{font-size:1.15rem}.bugbounty-page .course-level{padding:4px 8px;font-size:.58rem}}@media (width<=320px){.bugbounty-page .bb-title{font-size:1.55rem}.bugbounty-page .bb-profile-img{max-width:180px;width:180px!important}.bugbounty-page .course-content{padding:15px}}.ethicalhacking-page{color:#e9d5ff;background:#07040f;width:100%;min-height:100vh;overflow-x:hidden}.ethicalhacking-page *,.ethicalhacking-page :before,.ethicalhacking-page :after{box-sizing:border-box}.ethicalhacking-page img{max-width:100%;display:block}.ethicalhacking-page .bb-hero{grid-template-columns:minmax(0,1fr) minmax(240px,400px);align-items:center;gap:clamp(30px,7vw,100px);width:100%;max-width:1300px;margin:0 auto;padding:clamp(50px,8vw,90px) clamp(18px,5vw,55px);display:grid}.ethicalhacking-page .bb-hero-left{width:100%;min-width:0;max-width:650px}.ethicalhacking-page .bb-hero-right{width:100%;min-width:0;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.ethicalhacking-page .bb-badge{color:#c084fc;letter-spacing:clamp(1px,.25vw,1.8px);text-align:center;overflow-wrap:anywhere;background:#a855f726;border:1px solid #a855f759;border-radius:50px;width:fit-content;max-width:100%;margin-bottom:18px;padding:8px 18px;font-size:clamp(.65rem,1.2vw,.85rem);line-height:1.4;display:inline-block}.ethicalhacking-page .bb-title{color:#f3e8ff;overflow-wrap:anywhere;width:100%;margin:0 0 18px;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;line-height:1.08}.ethicalhacking-page .gradient-text{background:linear-gradient(90deg,#c084fc,#a855f7,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ethicalhacking-page .bb-subtitle{color:#c084fc;overflow-wrap:anywhere;width:100%;max-width:700px;margin:0 0 18px;font-size:clamp(.85rem,1.5vw,1.15rem);font-weight:500;line-height:1.7}.ethicalhacking-page .bb-desc{color:#a78bfa;overflow-wrap:anywhere;width:100%;max-width:550px;margin:0;font-size:clamp(.82rem,1.3vw,1.05rem);line-height:1.7}.ethicalhacking-page .bb-profile-wrapper{width:100%;height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.ethicalhacking-page .bb-profile-img{aspect-ratio:1;object-fit:contain;width:min(320px,30vw);max-width:320px;height:auto;box-shadow:none;filter:none;background:0 0;border:none;border-radius:0;margin:0 auto;padding:0}.ethicalhacking-page .bb-section{width:100%;max-width:1300px;margin:0 auto;padding:clamp(45px,7vw,80px) clamp(15px,4vw,40px)}.ethicalhacking-page .section-header{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:clamp(25px,4vw,45px);display:flex}.ethicalhacking-page .section-title{color:#f3e8ff;letter-spacing:clamp(.5px,.15vw,2px);overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.25}.ethicalhacking-page .section-title:after{content:"";background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:50px;width:70px;height:3px;margin:.7rem auto 0;display:block}.ethicalhacking-page .courses-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(15px,2.5vw,28px);width:100%;max-width:1200px;margin:0 auto;display:grid}.ethicalhacking-page .course-card{width:100%;min-width:0;color:inherit;background:#120a23d9;border:1px solid #a855f733;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.ethicalhacking-page .course-card:hover{border-color:#a855f78c;transform:translateY(-8px);box-shadow:0 15px 35px #7c3aed4d}.ethicalhacking-page .course-image{aspect-ratio:16/9;width:100%;height:auto;position:relative;overflow:hidden}.ethicalhacking-page .course-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.ethicalhacking-page .course-card:hover .course-image img{transform:scale(1.06)}.ethicalhacking-page .course-level{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#7c3aede6;border-radius:50px;max-width:calc(100% - 24px);padding:5px 10px;font-size:clamp(.6rem,1vw,.72rem);font-weight:500;position:absolute;top:12px;left:12px;overflow:hidden}.ethicalhacking-page .course-content{flex-direction:column;flex:1;width:100%;min-width:0;padding:clamp(16px,2vw,24px);display:flex}.ethicalhacking-page .course-content h3{color:#f3e8ff;overflow-wrap:anywhere;width:100%;margin:0 0 10px;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.4}.ethicalhacking-page .course-content p{color:#a78bfa;overflow-wrap:anywhere;flex:1;width:100%;margin:0 0 16px;font-size:clamp(.78rem,1.2vw,.9rem);line-height:1.6}.ethicalhacking-page .read-more{color:#c084fc;white-space:nowrap;font-size:clamp(.78rem,1.2vw,.9rem);font-weight:600;display:inline-block}.ethicalhacking-page .course-card:hover .read-more{color:#e9d5ff}@media (width<=1200px){.ethicalhacking-page .bb-hero{grid-template-columns:minmax(0,1fr) minmax(220px,330px);gap:50px}.ethicalhacking-page .bb-profile-img{width:min(280px,30vw);max-width:280px}.ethicalhacking-page .courses-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.ethicalhacking-page .bb-hero{text-align:center;grid-template-columns:1fr;gap:40px;padding:60px 25px}.ethicalhacking-page .bb-hero-left{flex-direction:column;align-items:center;max-width:750px;margin:0 auto;display:flex}.ethicalhacking-page .bb-subtitle,.ethicalhacking-page .bb-desc{margin-left:auto;margin-right:auto}.ethicalhacking-page .bb-profile-img{width:280px;max-width:280px}.ethicalhacking-page .courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.ethicalhacking-page .bb-hero{gap:30px;padding:45px 16px}.ethicalhacking-page .bb-badge{letter-spacing:1px;padding:7px 12px;font-size:.62rem}.ethicalhacking-page .bb-title{font-size:clamp(1.8rem,9vw,2.6rem)}.ethicalhacking-page .bb-subtitle{font-size:.82rem;line-height:1.65}.ethicalhacking-page .bb-desc{font-size:.8rem;line-height:1.65}.ethicalhacking-page .bb-profile-img{width:230px;max-width:230px}.ethicalhacking-page .bb-section{padding:40px 12px}.ethicalhacking-page .section-title{letter-spacing:1px;font-size:1.35rem}.ethicalhacking-page .courses-grid{grid-template-columns:1fr;gap:16px}.ethicalhacking-page .course-content{padding:18px 16px 20px}.ethicalhacking-page .course-content h3{font-size:1rem}.ethicalhacking-page .course-content p{font-size:.8rem}}@media (width<=400px){.ethicalhacking-page .bb-hero{padding:35px 10px}.ethicalhacking-page .bb-title{font-size:1.75rem}.ethicalhacking-page .bb-subtitle,.ethicalhacking-page .bb-desc{font-size:.75rem}.ethicalhacking-page .bb-profile-img{width:200px;max-width:200px}.ethicalhacking-page .bb-section{padding:35px 10px}.ethicalhacking-page .section-title{font-size:1.15rem}.ethicalhacking-page .course-level{padding:4px 8px;font-size:.58rem}}@media (width<=320px){.ethicalhacking-page .bb-title{font-size:1.55rem}.ethicalhacking-page .bb-profile-img{width:180px;max-width:180px}.ethicalhacking-page .course-content{padding:15px}}.redteaming-page{color:#e9d5ff;background:#07040f;min-height:100vh}.bb-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3rem;max-width:1300px;margin:0 auto;padding:5rem 3.5rem 4rem;display:flex}.bb-hero-left{flex:1;min-width:300px}.bb-badge{letter-spacing:1.6px;color:#c084fc;background:#a855f726;border:1px solid #a855f759;border-radius:50px;margin-bottom:1.4rem;padding:.4rem 1.2rem;font-size:.78rem;display:inline-block}.bb-title{color:#f3e8ff;margin:0 0 1rem;font-size:3.6rem;font-weight:800;line-height:1.1}.bb-subtitle{color:#c084fc;margin:0 0 1.3rem;font-size:1.15rem;font-weight:500}.bb-desc{color:#a78bfa;max-width:480px;font-size:1.05rem;line-height:1.65}.bb-section{max-width:1300px;margin:0 auto;padding:3.5rem 2rem 5rem}.section-header{justify-content:center;align-items:center;gap:.9rem;margin-bottom:2.8rem;display:flex}.section-logo{object-fit:cover;border-radius:50%;width:36px;height:36px;box-shadow:0 0 15px #a855f780}.section-title{color:#f3e8ff;margin:0;font-size:1.9rem;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:50px;width:70px;height:3px;margin:.7rem auto 0;display:block}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.8rem;display:grid}.course-card{color:inherit;background:#120a23d9;border:1px solid #a855f733;border-radius:16px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.course-card:hover{border-color:#a855f78c;transform:translateY(-8px);box-shadow:0 15px 35px #7c3aed4d}.course-image{height:190px;position:relative;overflow:hidden}.course-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.course-card:hover .course-image img{transform:scale(1.06)}.course-level{color:#fff;background:#7c3aede6;border-radius:50px;padding:.3rem .7rem;font-size:.72rem;font-weight:500;position:absolute;top:12px;left:12px}.course-content{flex-direction:column;flex:1;padding:1.4rem 1.5rem 1.6rem;display:flex}.course-content h3{color:#f3e8ff;margin:0 0 .7rem;font-size:1.15rem;line-height:1.35}.course-content p{color:#a78bfa;flex:1;margin:0 0 1.2rem;font-size:.9rem;line-height:1.55}.read-more{color:#c084fc;font-size:.9rem;font-weight:600;transition:color .2s}.course-card:hover .read-more{color:#e9d5ff}.redteaming-page .bb-hero-right{box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;display:flex!important}.redteaming-page .bb-profile-wrapper{width:auto!important;height:auto!important;box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.redteaming-page .bb-profile-img{object-fit:contain!important;width:320px!important;height:320px!important;box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;animation:none!important;display:block!important}.redteaming-page{color:#e9d5ff;background:#07040f;width:100%;min-height:100vh;overflow-x:hidden}.redteaming-page *,.redteaming-page :before,.redteaming-page :after{box-sizing:border-box}.redteaming-page img{max-width:100%}.redteaming-page .bb-hero{grid-template-columns:minmax(0,1fr) minmax(250px,400px);align-items:center;gap:clamp(30px,7vw,100px);width:100%;max-width:1300px;margin:0 auto;padding:clamp(50px,8vw,90px) clamp(18px,5vw,55px);display:grid}.redteaming-page .bb-hero-left{width:100%;min-width:0;max-width:650px}.redteaming-page .bb-hero-right{width:100%;min-width:0;box-shadow:none!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important}.redteaming-page .bb-badge{letter-spacing:clamp(1px,.25vw,1.8px);text-align:center;overflow-wrap:anywhere;width:fit-content;max-width:100%;margin-bottom:18px;padding:8px 18px;font-size:clamp(.65rem,1.2vw,.85rem);line-height:1.4;display:inline-block}.redteaming-page .bb-title{overflow-wrap:anywhere;width:100%;margin:0 0 18px;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;line-height:1.08}.redteaming-page .gradient-text{background:linear-gradient(90deg,#c084fc,#a855f7,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.redteaming-page .bb-subtitle{width:100%;max-width:700px;margin:0 0 18px;font-size:clamp(.85rem,1.5vw,1.15rem);line-height:1.7}.redteaming-page .bb-desc{overflow-wrap:anywhere;width:100%;max-width:550px;margin:0;font-size:clamp(.82rem,1.3vw,1.05rem);line-height:1.7}.redteaming-page .bb-profile-wrapper{justify-content:center;align-items:center;display:flex;width:100%!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.redteaming-page .bb-profile-img{aspect-ratio:1;max-width:320px;object-fit:contain!important;width:min(320px,30vw)!important;height:auto!important;box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0 auto!important;padding:0!important;animation:none!important;display:block!important}.redteaming-page .bb-section{width:100%;max-width:1300px;margin:0 auto;padding:clamp(45px,7vw,80px) clamp(15px,4vw,40px)}.redteaming-page .section-header{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:clamp(25px,4vw,45px);display:flex}.redteaming-page .section-title{letter-spacing:clamp(.5px,.15vw,2px);overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.25}.redteaming-page .section-title:after{content:"";background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:50px;width:70px;height:3px;margin:.7rem auto 0;display:block}.redteaming-page .courses-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(15px,2.5vw,28px);width:100%;max-width:1200px;margin:0 auto;display:grid}.redteaming-page .course-card{width:100%;min-width:0;color:inherit;background:#120a23d9;border:1px solid #a855f733;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.redteaming-page .course-card:hover{border-color:#a855f78c;transform:translateY(-8px);box-shadow:0 15px 35px #7c3aed4d}.redteaming-page .course-image{aspect-ratio:16/9;width:100%;height:auto;position:relative;overflow:hidden}.redteaming-page .course-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.redteaming-page .course-card:hover .course-image img{transform:scale(1.06)}.redteaming-page .course-level{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#7c3aede6;border-radius:50px;max-width:calc(100% - 24px);padding:5px 10px;font-size:clamp(.6rem,1vw,.72rem);font-weight:500;position:absolute;top:12px;left:12px;overflow:hidden}.redteaming-page .course-content{flex-direction:column;flex:1;width:100%;min-width:0;padding:clamp(16px,2vw,24px);display:flex}.redteaming-page .course-content h3{color:#f3e8ff;overflow-wrap:anywhere;width:100%;margin:0 0 10px;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.4}.redteaming-page .course-content p{color:#a78bfa;overflow-wrap:anywhere;flex:1;width:100%;margin:0 0 16px;font-size:clamp(.78rem,1.2vw,.9rem);line-height:1.6}.redteaming-page .read-more{color:#c084fc;white-space:nowrap;font-size:clamp(.78rem,1.2vw,.9rem);font-weight:600;display:inline-block}@media (width<=1200px){.redteaming-page .bb-hero{grid-template-columns:minmax(0,1fr) minmax(220px,330px);gap:50px}.redteaming-page .bb-profile-img{max-width:280px;width:min(280px,30vw)!important}.redteaming-page .courses-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.redteaming-page .bb-hero{text-align:center;grid-template-columns:1fr;gap:40px;padding:60px 25px}.redteaming-page .bb-hero-left{flex-direction:column;align-items:center;max-width:750px;margin:0 auto;display:flex}.redteaming-page .bb-subtitle,.redteaming-page .bb-desc{margin-left:auto;margin-right:auto}.redteaming-page .bb-profile-img{max-width:280px;width:280px!important}.redteaming-page .courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.redteaming-page .bb-hero{gap:30px;padding:45px 16px}.redteaming-page .bb-badge{letter-spacing:1px;padding:7px 12px;font-size:.62rem}.redteaming-page .bb-title{font-size:clamp(1.8rem,9vw,2.6rem)}.redteaming-page .bb-subtitle{font-size:.82rem;line-height:1.65}.redteaming-page .bb-desc{font-size:.8rem;line-height:1.65}.redteaming-page .bb-profile-img{max-width:230px;width:230px!important}.redteaming-page .bb-section{padding:40px 12px}.redteaming-page .section-title{letter-spacing:1px;font-size:1.35rem}.redteaming-page .courses-grid{grid-template-columns:1fr;gap:16px}.redteaming-page .course-content{padding:18px 16px 20px}.redteaming-page .course-content h3{font-size:1rem}.redteaming-page .course-content p{font-size:.8rem}}@media (width<=400px){.redteaming-page .bb-hero{padding:35px 10px}.redteaming-page .bb-title{font-size:1.75rem}.redteaming-page .bb-subtitle,.redteaming-page .bb-desc{font-size:.75rem}.redteaming-page .bb-profile-img{max-width:200px;width:200px!important}.redteaming-page .bb-section{padding:35px 10px}.redteaming-page .section-title{font-size:1.15rem}.redteaming-page .course-level{padding:4px 8px;font-size:.58rem}}@media (width<=320px){.redteaming-page .bb-title{font-size:1.55rem}.redteaming-page .bb-profile-img{max-width:180px;width:180px!important}.redteaming-page .course-content{padding:15px}}.airedteaming-page{color:#e9d5ff;background:#07040f;width:100%;min-height:100vh;overflow-x:hidden}.airedteaming-page *,.airedteaming-page :before,.airedteaming-page :after{box-sizing:border-box}.airedteaming-page img{max-width:100%;display:block}.airedteaming-page .ai-hero{grid-template-columns:minmax(0,1fr) minmax(240px,400px);align-items:center;gap:clamp(30px,7vw,100px);width:100%;max-width:1300px;margin:0 auto;padding:clamp(50px,8vw,90px) clamp(18px,5vw,55px);display:grid}.airedteaming-page .ai-hero-left{width:100%;min-width:0;max-width:650px}.airedteaming-page .ai-hero-right{background:0 0;justify-content:center;align-items:center;width:100%;min-width:0;margin:0;padding:0;display:flex}.airedteaming-page .ai-badge{color:#c084fc;letter-spacing:clamp(1px,.25vw,1.8px);text-align:center;overflow-wrap:anywhere;background:#a855f726;border:1px solid #a855f759;border-radius:50px;width:fit-content;max-width:100%;margin-bottom:18px;padding:8px 18px;font-size:clamp(.65rem,1.2vw,.85rem);line-height:1.4;display:inline-block}.airedteaming-page .ai-title{color:#f3e8ff;overflow-wrap:anywhere;width:100%;margin:0 0 18px;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;line-height:1.08}.airedteaming-page .gradient-text{background:linear-gradient(90deg,#c084fc,#a855f7,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.airedteaming-page .ai-subtitle{color:#c084fc;overflow-wrap:anywhere;width:100%;max-width:700px;margin:0 0 18px;font-size:clamp(.85rem,1.5vw,1.15rem);font-weight:500;line-height:1.7}.airedteaming-page .ai-desc{color:#a78bfa;overflow-wrap:anywhere;width:100%;max-width:550px;margin:0;font-size:clamp(.82rem,1.3vw,1.05rem);line-height:1.7}.airedteaming-page .ai-profile-wrapper{width:100%;height:auto;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.airedteaming-page .ai-profile-img{aspect-ratio:1;object-fit:contain;width:min(320px,30vw);max-width:320px;height:auto;box-shadow:none;filter:none;background:0 0;border:none;border-radius:0;margin:0 auto;padding:0;animation:none}.airedteaming-page .ai-section{width:100%;max-width:1300px;margin:0 auto;padding:clamp(45px,7vw,80px) clamp(15px,4vw,40px)}.airedteaming-page .section-header{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:clamp(25px,4vw,45px);display:flex}.airedteaming-page .section-title{color:#f3e8ff;letter-spacing:clamp(.5px,.15vw,2px);overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.25}.airedteaming-page .section-title:after{content:"";background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:50px;width:70px;height:3px;margin:.7rem auto 0;display:block}.airedteaming-page .courses-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(15px,2.5vw,28px);width:100%;max-width:1200px;margin:0 auto;display:grid}.airedteaming-page .course-card{width:100%;min-width:0;color:inherit;background:#120a23d9;border:1px solid #a855f733;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.airedteaming-page .course-card:hover{border-color:#a855f78c;transform:translateY(-8px);box-shadow:0 15px 35px #7c3aed4d}.airedteaming-page .course-image{aspect-ratio:16/9;width:100%;height:auto;position:relative;overflow:hidden}.airedteaming-page .course-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.airedteaming-page .course-card:hover .course-image img{transform:scale(1.06)}.airedteaming-page .course-level{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#7c3aede6;border-radius:50px;max-width:calc(100% - 24px);padding:5px 10px;font-size:clamp(.6rem,1vw,.72rem);font-weight:500;position:absolute;top:12px;left:12px;overflow:hidden}.airedteaming-page .course-content{flex-direction:column;flex:1;width:100%;min-width:0;padding:clamp(16px,2vw,24px);display:flex}.airedteaming-page .course-content h3{color:#f3e8ff;overflow-wrap:anywhere;width:100%;margin:0 0 10px;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.4}.airedteaming-page .course-content p{color:#a78bfa;overflow-wrap:anywhere;flex:1;width:100%;margin:0 0 16px;font-size:clamp(.78rem,1.2vw,.9rem);line-height:1.6}.airedteaming-page .read-more{color:#c084fc;white-space:nowrap;font-size:clamp(.78rem,1.2vw,.9rem);font-weight:600;display:inline-block}.airedteaming-page .course-card:hover .read-more{color:#e9d5ff}@media (width<=1200px){.airedteaming-page .ai-hero{grid-template-columns:minmax(0,1fr) minmax(220px,330px);gap:50px}.airedteaming-page .ai-profile-img{width:min(280px,30vw);max-width:280px}.airedteaming-page .courses-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.airedteaming-page .ai-hero{text-align:center;grid-template-columns:1fr;gap:40px;padding:60px 25px}.airedteaming-page .ai-hero-left{flex-direction:column;align-items:center;max-width:750px;margin:0 auto;display:flex}.airedteaming-page .ai-subtitle,.airedteaming-page .ai-desc{margin-left:auto;margin-right:auto}.airedteaming-page .ai-profile-img{width:280px;max-width:280px}.airedteaming-page .courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.airedteaming-page .ai-hero{gap:30px;padding:45px 16px}.airedteaming-page .ai-badge{letter-spacing:1px;padding:7px 12px;font-size:.62rem}.airedteaming-page .ai-title{font-size:clamp(1.8rem,9vw,2.6rem)}.airedteaming-page .ai-subtitle{font-size:.82rem;line-height:1.65}.airedteaming-page .ai-desc{font-size:.8rem;line-height:1.65}.airedteaming-page .ai-profile-img{width:230px;max-width:230px}.airedteaming-page .ai-section{padding:40px 12px}.airedteaming-page .section-title{letter-spacing:1px;font-size:1.35rem}.airedteaming-page .courses-grid{grid-template-columns:1fr;gap:16px}.airedteaming-page .course-content{padding:18px 16px 20px}.airedteaming-page .course-content h3{font-size:1rem}.airedteaming-page .course-content p{font-size:.8rem}}@media (width<=400px){.airedteaming-page .ai-hero{padding:35px 10px}.airedteaming-page .ai-title{font-size:1.75rem}.airedteaming-page .ai-subtitle,.airedteaming-page .ai-desc{font-size:.75rem}.airedteaming-page .ai-profile-img{width:200px;max-width:200px}.airedteaming-page .ai-section{padding:35px 10px}.airedteaming-page .section-title{font-size:1.15rem}.airedteaming-page .course-level{padding:4px 8px;font-size:.58rem}}@media (width<=320px){.airedteaming-page .ai-title{font-size:1.55rem}.airedteaming-page .ai-profile-img{width:180px;max-width:180px}.airedteaming-page .course-content{padding:15px}}.ctflab-page{color:#e9d5ff;background:#07040f;width:100%;min-height:100vh;overflow-x:hidden}.ctflab-page *,.ctflab-page :before,.ctflab-page :after{box-sizing:border-box}.ctflab-page img{max-width:100%;display:block}.ctflab-page .bb-hero{grid-template-columns:minmax(0,1fr) minmax(240px,400px);align-items:center;gap:clamp(30px,6vw,90px);width:100%;max-width:1300px;margin:0 auto;padding:clamp(45px,7vw,80px) clamp(15px,4vw,50px);display:grid}.ctflab-page .bb-hero-left{width:100%;min-width:0;max-width:650px}.ctflab-page .bb-hero-right{background:0 0;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex}.ctflab-page .bb-profile-wrapper{width:100%;height:auto;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.ctflab-page .bb-profile-img{aspect-ratio:1;object-fit:contain;width:min(320px,30vw);max-width:320px;height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0 auto}.ctflab-page .bb-badge{color:#c084fc;letter-spacing:clamp(.8px,.2vw,1.5px);text-align:center;background:#a855f726;border:1px solid #a855f766;border-radius:50px;width:fit-content;max-width:100%;margin-bottom:18px;padding:8px 18px;font-size:clamp(.62rem,1.2vw,.8rem);line-height:1.4;display:inline-block}.ctflab-page .bb-title{color:#f3e8ff;overflow-wrap:anywhere;width:100%;margin:0 0 15px;font-size:clamp(2rem,5vw,3.3rem);font-weight:800;line-height:1.1}.ctflab-page .gradient-text{background:linear-gradient(90deg,#c084fc,#a855f7,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ctflab-page .bb-subtitle{color:#c084fc;overflow-wrap:anywhere;width:100%;margin:0 0 15px;font-size:clamp(.82rem,1.5vw,1.1rem);font-weight:500;line-height:1.7}.ctflab-page .bb-desc{color:#a78bfa;overflow-wrap:anywhere;width:100%;max-width:540px;margin:0;font-size:clamp(.8rem,1.3vw,1.02rem);line-height:1.7}.ctflab-page .controls-section{width:100%;max-width:1300px;margin:0 auto;padding:10px clamp(12px,4vw,40px) 25px}.ctflab-page .search-box{justify-content:center;width:100%;margin-bottom:20px;display:flex}.ctflab-page .search-box input{color:#e9d5ff;background:#120a23e6;border:1px solid #a855f759;border-radius:50px;outline:none;width:100%;max-width:550px;min-height:46px;padding:10px 20px;font-size:.95rem}.ctflab-page .search-box input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}.ctflab-page .search-box input::placeholder{color:#7c6a9e}.ctflab-page .filter-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.ctflab-page .category-pills{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.ctflab-page .pill{color:#c084fc;cursor:pointer;background:#120a23cc;border:1px solid #a855f74d;border-radius:50px;min-height:36px;padding:7px 15px;font-size:.82rem;transition:all .25s}.ctflab-page .pill:hover{color:#e9d5ff;border-color:#a855f7}.ctflab-page .pill.active{color:#f3e8ff;background:#7c3aed59;border-color:#a855f7}.ctflab-page .bb-section{width:100%;max-width:1300px;margin:0 auto;padding:25px clamp(12px,4vw,40px) 70px}.ctflab-page .category-section{width:100%;margin-bottom:clamp(40px,6vw,65px)}.ctflab-page .section-header{text-align:center;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:28px;display:flex}.ctflab-page .section-logo{object-fit:contain;flex-shrink:0;width:38px;height:38px}.ctflab-page .category-title{color:#f3e8ff;overflow-wrap:anywhere;margin:0;font-size:clamp(1.4rem,4vw,2.3rem);font-weight:600;line-height:1.3}.ctflab-page .category-title:after{content:"";background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:50px;width:70px;height:3px;margin:10px auto 0;display:block}.ctflab-page .courses-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(15px,2vw,24px);width:100%;display:grid}.ctflab-page .course-card{width:100%;min-width:0;color:inherit;background:#120a23d9;border:1px solid #a855f733;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.ctflab-page .course-card:hover{border-color:#a855f780;transform:translateY(-7px);box-shadow:0 14px 32px #7c3aed47}.ctflab-page .course-image{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.ctflab-page .course-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.ctflab-page .course-card:hover .course-image img{transform:scale(1.05)}.ctflab-page .course-level{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#7c3aede6;border-radius:50px;max-width:calc(100% - 20px);padding:5px 9px;font-size:.65rem;font-weight:500;position:absolute;top:10px;left:10px;overflow:hidden}.ctflab-page .solved-badge{color:#d111e1;white-space:nowrap;background:#fff;border-radius:50px;max-width:calc(100% - 20px);padding:5px 9px;font-size:.65rem;font-weight:600;position:absolute;top:10px;right:10px}.ctflab-page .course-content{flex-direction:column;flex:1;width:100%;min-width:0;padding:18px;display:flex}.ctflab-page .course-content h3{color:#f3e8ff;overflow-wrap:anywhere;margin:0 0 9px;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.4}.ctflab-page .course-content p{color:#a78bfa;overflow-wrap:anywhere;flex:1;margin:0 0 15px;font-size:clamp(.76rem,1.1vw,.87rem);line-height:1.55}.ctflab-page .read-more{color:#c084fc;font-size:clamp(.76rem,1.1vw,.88rem);font-weight:600}.ctflab-page .course-card:hover .read-more{color:#e9d5ff}.ctflab-page .empty-state,.ctflab-page .dashboard-placeholder{text-align:center;color:#a78bfa;width:100%;padding:60px 15px}.ctflab-page .dashboard-placeholder h2{color:#f3e8ff;margin-bottom:10px}@media (width<=900px){.ctflab-page .bb-hero{text-align:center;grid-template-columns:1fr;gap:35px;padding:50px 20px}.ctflab-page .bb-hero-left{flex-direction:column;align-items:center;max-width:750px;margin:0 auto;display:flex}.ctflab-page .bb-desc{margin-left:auto;margin-right:auto}.ctflab-page .bb-profile-img{width:270px;max-width:270px}.ctflab-page .courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.ctflab-page .bb-hero{gap:25px;padding:40px 15px}.ctflab-page .bb-profile-img{width:220px;max-width:220px}.ctflab-page .bb-title{font-size:clamp(1.8rem,9vw,2.5rem)}.ctflab-page .bb-subtitle{font-size:.8rem}.ctflab-page .bb-desc{font-size:.78rem}.ctflab-page .controls-section{padding:10px 12px 20px}.ctflab-page .search-box input{min-height:44px;padding:9px 17px;font-size:.85rem}.ctflab-page .category-pills{gap:6px}.ctflab-page .pill{padding:6px 11px;font-size:.72rem}.ctflab-page .bb-section{padding:20px 12px 50px}.ctflab-page .section-header{gap:8px;margin-bottom:22px}.ctflab-page .section-logo{width:30px;height:30px}.ctflab-page .category-title{font-size:1.35rem}.ctflab-page .courses-grid{grid-template-columns:1fr;gap:16px}.ctflab-page .course-content{padding:17px 16px 19px}}@media (width<=400px){.ctflab-page .bb-hero{padding:32px 10px}.ctflab-page .bb-profile-img{width:190px;max-width:190px}.ctflab-page .bb-title{font-size:1.7rem}.ctflab-page .bb-subtitle,.ctflab-page .bb-desc{font-size:.72rem}.ctflab-page .bb-section{padding:18px 9px 40px}.ctflab-page .category-title{font-size:1.15rem}.ctflab-page .section-logo{width:27px;height:27px}.ctflab-page .course-content{padding:15px}.ctflab-page .course-content h3{font-size:.95rem}.ctflab-page .course-content p{font-size:.76rem}}@media (width<=320px){.ctflab-page .bb-title{font-size:1.5rem}.ctflab-page .bb-profile-img{width:170px;max-width:170px}.ctflab-page .category-title{font-size:1.05rem}.ctflab-page .course-content{padding:13px}}.certification-page{color:#f5efff;background:#05020b;min-height:100vh;overflow-x:hidden}.cert-hero{box-sizing:border-box;background:radial-gradient(circle at 72% 48%,#802bff14,#0000 30%),#05020b;border-top:1px solid #a854ff1f;border-bottom:1px solid #a854ff14;grid-template-columns:1.05fr .95fr;align-items:center;width:100%;min-height:520px;padding:55px 14% 65px;display:grid;position:relative}.cert-hero-left{z-index:2;max-width:650px;position:relative}.cert-badge{color:#c17cff;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#7128be1f,#46146e14);border:1px solid #a854ffa6;border-radius:30px;align-items:center;margin-bottom:25px;padding:9px 20px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 0 20px #872dff14}.cert-title{letter-spacing:-2px;color:#f8f3ff;margin:0;font-size:50px;font-weight:800;line-height:1.05}.gradient-text{background:linear-gradient(90deg,#c58aff 0%,#a347ff 45%,#7c22ff 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.cert-subtitle{color:#c078ff;margin-top:28px;margin-bottom:0;font-size:17px;font-weight:500;line-height:1.7}.cert-description{color:#a995c2;max-width:620px;margin-top:20px;font-size:16px;font-weight:400;line-height:1.85}.cert-hero-right{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.cert-logo-box{isolation:isolate;justify-content:center;align-items:center;width:315px;height:315px;display:flex;position:relative}.cert-logo{width:330px;height:330px;margin:10px 10px 10px 170px}.cert-info-section{background:radial-gradient(circle at 50% 0,#7628dc12,#0000 32%),#05020b;padding:85px 14% 110px;position:relative}.cert-info-container{max-width:1250px;margin:0 auto}.cert-section-heading{text-align:center;max-width:720px;margin:0 auto 55px}.cert-section-heading>span{color:#a951ff;letter-spacing:2px;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.cert-section-heading h2{color:#f7f1ff;margin:0;font-size:38px;line-height:1.2}.cert-section-heading h2 strong{color:#a950ff;font-weight:700}.cert-section-heading p{color:#9684ad;margin-top:18px;font-size:15px;line-height:1.8}.cert-info-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.cert-info-card{background:linear-gradient(145deg,#220c36d9,#0a0412f2);border:1px solid #8f35e259;border-radius:14px;min-height:205px;padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;box-shadow:inset 0 1px #ffffff06,0 15px 40px #00000040}.cert-info-card:hover{border-color:#a948ffb3;transform:translateY(-6px);box-shadow:0 15px 45px #5b16a033,0 0 25px #7727d614}.cert-card-number{color:#9e48ed;letter-spacing:2px;margin-bottom:24px;font-size:13px;font-weight:700}.cert-info-card h3{color:#f4edff;margin:0 0 12px;font-size:21px}.cert-info-card p{color:#9582aa;margin:0;font-size:14px;line-height:1.7}@media (width<=1100px){.cert-hero,.cert-info-section{padding-left:8%;padding-right:8%}}@media (width<=850px){.cert-hero{text-align:center;grid-template-columns:1fr;padding-top:70px;padding-bottom:70px}.cert-hero-left{max-width:700px;margin:0 auto}.cert-description{margin-left:auto;margin-right:auto}.cert-hero-right{margin-top:50px}.cert-logo-box,.cert-logo{width:270px;height:270px}.cert-info-grid{grid-template-columns:1fr}}@media (width<=600px){.cert-hero{padding:55px 22px}.cert-title{letter-spacing:-1.5px;font-size:44px}.cert-subtitle{font-size:15px}.cert-description{font-size:14px}.cert-info-section{padding:65px 22px 80px}.cert-section-heading h2{font-size:30px}.cert-logo-box,.cert-logo{width:230px;height:230px}}.certificate-verification-section{background:#05020b;padding:30px 14% 110px}.certificate-verification-container{background:linear-gradient(145deg,#190828f5,#08030efa);border:1px solid #9637f047;border-radius:20px;grid-template-columns:1fr 1fr;max-width:1050px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 30px 80px #00000073}.certificate-workshop-info{border-right:1px solid #9637f02e;padding:42px}.workshop-image-box{background:#09040f;border:1px solid #a948ff4d;border-radius:14px;width:100%;height:190px;margin-bottom:30px;overflow:hidden}.workshop-image{object-fit:cover;width:100%;height:100%;display:block}.workshop-content h1{text-align:center;color:#f8f3ff;margin:10px 0 6px;font-size:40px;line-height:1.15}.workshop-content h1 span{color:#a950ff}.workshop-content h2{text-align:center;color:#f8f3ff;margin:10px 0 6px;font-size:25px;line-height:1.15}.workshop-content h2 span{color:#a950ff}.workshop-content>p{color:#9b87b0;margin:0;font-size:15px}.workshop-details{flex-direction:column;gap:16px;margin-top:32px;display:flex}.workshop-details div{flex-direction:column;gap:5px;display:flex}.workshop-details span{color:#795e91;letter-spacing:1.5px;font-size:10px;font-weight:700}.workshop-details strong{color:#d8c7e8;font-size:13px;font-weight:500}.certificate-form-card{flex-direction:column;justify-content:center;padding:42px;display:flex}.certificate-form-header>span{color:#a951ff;letter-spacing:2px;font-size:11px;font-weight:700}.certificate-form-header h2{color:#f8f3ff;margin:10px 0;font-size:31px}.certificate-form-header h2 strong{color:#a950ff}.certificate-form-header p{color:#9582aa;margin:0 0 30px;font-size:14px;line-height:1.7}.certificate-input-group{margin-bottom:20px}.certificate-input-group label{color:#bfaed0;letter-spacing:1.2px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.certificate-input-group input{box-sizing:border-box;color:#f4edff;background:#0a0411e6;border:1px solid #9637f04d;border-radius:9px;outline:none;width:100%;padding:14px 16px;font-size:14px;transition:all .25s}.certificate-input-group input::placeholder{color:#685778}.certificate-input-group input:focus{border-color:#a950ff;box-shadow:0 0 0 3px #a950ff14}.certificate-error{color:#ff8fa5;background:#b41e3c14;border:1px solid #dc3c5a40;border-radius:8px;margin-bottom:18px;padding:11px 13px;font-size:12px}.certificate-verify-button{cursor:pointer;color:#fff;background:linear-gradient(90deg,#7d20d8,#a950ff);border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:15px 18px;font-size:14px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 10px 30px #7e1fd833}.certificate-verify-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #7e1fd852}.certificate-security-note{align-items:flex-start;gap:9px;margin-top:22px;display:flex}.certificate-security-note span{color:#6514b1}.certificate-security-note p{color:#746080;margin:0;font-size:11px;line-height:1.6}.certificate-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020105eb;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0;overflow-y:auto}.certificate-modal{background:#0b0612;border:1px solid #a950ff4d;border-radius:18px;width:min(900px,100%);padding:25px;position:relative;box-shadow:0 30px 100px #000000b3}.certificate-modal-close{z-index:5;color:#fff;cursor:pointer;background:#ffffff0f;border:0;border-radius:50%;width:35px;height:35px;font-size:23px;position:absolute;top:10px;right:14px}.certificate-preview{color:#160d20;aspect-ratio:1.414;background:#f8f5ff;width:100%;overflow:hidden}.certificate-border{box-sizing:border-box;border:8px solid #1b0c29;width:100%;height:100%;padding:12px}.certificate-inner{box-sizing:border-box;text-align:center;border:2px solid #dbd8dd;width:100%;height:100%;padding:35px;position:relative;transform:translateY(-2px)}.certificate-logo img{object-fit:contain;width:55px;height:55px}.certificate-small-title{color:#7d20d8;letter-spacing:3px;margin-top:4px;font-size:11px;font-weight:800;display:block}.certificate-inner h1{letter-spacing:5px;color:#1b0c29;margin:12px 0 0;font-size:42px}.certificate-of{color:#7d20d8;letter-spacing:4px;margin:2px 0 25px;font-size:12px;font-weight:700}.certificate-presented{color:#756a7c;margin:0;font-size:12px}.certificate-user-name{color:#29113c;margin:10px 0 4px;font-size:30px}.certificate-line{background:#a950ff;width:260px;height:1px;margin:0 auto 18px}.certificate-text{color:#756a7c;margin:0;font-size:16px;position:relative;top:10px}.certificate-inner h3{letter-spacing:2px;color:#7d20d8;margin:9px 0;font-size:19px}.certificate-university{margin:0;font-size:13px;font-weight:600}.certificate-footer{grid-template-columns:1fr 80px 1fr;align-items:center;display:grid;position:absolute;bottom:32px;left:39px;right:45px}.certificate-footer div:not(.certificate-seal){flex-direction:column;gap:5px;display:flex}.certificate-footer span{color:#85778e;letter-spacing:1px;font-size:8px}.certificate-footer strong{color:#29113c;font-size:10px}.certificate-seal{color:#7d20d8;border:2px solid #a950ff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:auto;font-size:23px;font-weight:800;display:flex}.certificate-download-button{color:#c58aff;cursor:pointer;background:#a950ff14;border:1px solid #a950ff;border-radius:9px;width:100%;margin-top:18px;padding:14px;font-weight:700;transition:all .25s}.certificate-download-button:hover{color:#fff;background:#8230cf}@media (width<=850px){.certificate-verification-section{padding-left:8%;padding-right:8%}.certificate-verification-container{grid-template-columns:1fr}.certificate-workshop-info{border-bottom:1px solid #9637f02e;border-right:0}}@media (width<=600px){.certificate-verification-section{padding:20px 22px 70px}.certificate-workshop-info,.certificate-form-card{padding:25px}.workshop-image-box{height:150px}.certificate-inner{padding:20px}.certificate-inner h1{font-size:25px}.certificate-user-name{font-size:22px}.certificate-footer{bottom:15px;left:20px;right:20px}.certificate-footer strong{font-size:8px}}.certificate-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#000000e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.certificate-modal{box-sizing:border-box;background:#09060f;border:1px solid #8b3bff59;border-radius:14px;flex-shrink:0;width:min(800px,100%);margin:auto;padding:15px;position:relative;box-shadow:0 25px 80px #000000a6}.certificate-modal-close{z-index:100;color:#fff;cursor:pointer;background:#17121e;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:25px;transition:all .25s;display:flex;position:absolute;top:-14px;right:-14px}.certificate-modal-close:hover{background:#7628ec;transform:rotate(90deg)}.certificate-preview{aspect-ratio:4/3;box-sizing:border-box;background:#fff;width:100%;max-width:800px;margin:0 auto;position:relative;overflow:hidden}.certificate-border{box-sizing:border-box;background:linear-gradient(135deg,#5b16d6,#9b45ff,#6b20df,#b16cff);width:100%;height:100%;padding:8px;position:absolute;inset:0}.certificate-inner{box-sizing:border-box;color:#18111f;background:#fff;border:1px solid #6c20e859;width:100%;height:100%;padding:30px 45px 20px;position:relative;overflow:hidden}.certificate-inner:before{content:"";clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none;background:linear-gradient(135deg,#7026e833,#0000 65%);width:90px;height:90px;position:absolute;top:0;left:0}.certificate-inner:after{content:"";clip-path:polygon(100% 100%,0 100%,100% 0);pointer-events:none;background:linear-gradient(315deg,#7026e833,#0000 65%);width:90px;height:90px;position:absolute;bottom:0;right:0}.certificate-header{z-index:2;grid-template-columns:1fr 1fr 1fr;align-items:center;width:100%;min-height:82px;display:grid;position:relative;top:7px}.certificate-number-box{flex-direction:column;gap:5px;display:flex}.certificate-number-box span{letter-spacing:1.8px;color:#77717f;font-family:Arial,sans-serif;font-size:9px;font-weight:700}.certificate-number-box strong{color:#7026e8;font-family:Arial,sans-serif;font-size:12px;font-weight:800}.certificate-brand{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.certificate-brand-logo{object-fit:contain;width:48px;height:48px}.certificate-brand h4{color:#17101f;margin:0;font-family:Arial,sans-serif;font-size:17px;font-weight:800}.certificate-brand span{letter-spacing:2.5px;color:#7628ec;font-family:Arial,sans-serif;font-size:6px;font-weight:800}.certificate-community{align-items:flex-end;gap:px;flex-direction:column;width:200px;display:flex;transform:translate(-38px)}.certificate-community strong{color:#17204c;font-family:Arial,sans-serif;font-size:16px;font-weight:800;position:relative;left:40px}.certificate-community span{letter-spacing:2px;color:#7628ec;font-family:Arial,sans-serif;font-size:7px;font-weight:700;position:relative;left:5px}.certificate-header-divider{background:linear-gradient(90deg,#0000,#8b3cff,#0000);width:100%;height:1px;margin:15px 0 5px}.certificate-workshop-label{text-align:center;letter-spacing:3.5px;color:#7026e8;margin-bottom:8px;font-family:Arial,sans-serif;font-size:9px;font-weight:800;position:relative;top:10px}.certificate-main-title{text-align:center;letter-spacing:3px;color:#17101f;margin:0;font-family:Georgia,Times New Roman,serif;font-size:100px;font-weight:900;line-height:1;position:relative;top:10px}.certificate-participation{text-align:center;letter-spacing:5px;color:#7026e8;margin-top:9px;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.certificate-title-decoration{background:#7026e8;border-radius:10px;width:65px;height:2px;margin:10px auto 12px}.certificate-presented{text-align:center;color:#6d6474;margin:0;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;position:relative;top:5px}.certificate-user-name{text-align:center;letter-spacing:1px;text-transform:uppercase;color:#17101f;margin:5px 0;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:700;line-height:1.1;position:relative;top:10px}.certificate-name-divider{background:#b9b1c0;width:52%;height:1px;margin:0 auto 9px}.certificate-text{text-align:center;color:#514957;margin:0;font-family:Georgia,Times New Roman,serif;font-size:13px}.certificate-workshop-title{text-align:center;letter-spacing:1px;color:#6721d6;margin:5px 0;font-family:Arial,sans-serif;font-size:16px;font-weight:800}.certificate-organized{text-align:center;color:#554c5d;max-width:700px;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:12px;line-height:1.45;position:relative;top:11px}.certificate-organized strong{color:#6721d6}.certificate-description{text-align:center;color:#716977;max-width:690px;margin:8px auto;font-family:Arial,sans-serif;font-size:8px;line-height:1.45}.certificate-skills{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex;transform:translateY(22px)}.certificate-skills span{letter-spacing:.8px;color:#6721d6;white-space:nowrap;border:1px solid #a768ff;border-radius:20px;padding:5px 12px;font-family:Arial,sans-serif;font-size:7px;font-weight:800}.certificate-footer{border-top:1px solid #ddd6e2;grid-template-columns:1fr 1.25fr 75px 1.25fr;align-items:end;gap:12px;margin-top:15px;padding-top:11px;display:grid}.certificate-footer-column{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;transform:translate(-5px)}.trainer-column{flex-shrink:0;width:180px;position:relative;transform:translate(72px);text-align:center!important;align-items:center!important}.trainer-column .signature{text-align:center;white-space:nowrap;width:100%;min-height:25px;font-family:Brush Script MT,Segoe Script,cursive;font-size:19px}.trainer-column .signature-line{background:#817789;width:120px;height:1px;margin:2px auto 7px}.trainer-column .footer-label{text-align:center;white-space:nowrap;letter-spacing:1px;color:#7115b8;width:180px;font-family:Arial,sans-serif;font-size:8px;font-weight:700}.certificate-footer-column:first-child{text-align:left;align-items:flex-start;transform:translate(34px)}.certificate-footer-column:last-child{text-align:right;align-items:flex-end;font-size:30px;transform:translate(-30px)}.footer-label{letter-spacing:1.2px;color:#8816e0;font-family:Arial,sans-serif;font-size:6px;font-weight:700;top:9px}.footer-value{color:#630cee;margin-top:4px;font-family:Arial,sans-serif;font-size:10px;font-weight:900}.signature{color:#211629;min-height:20px;font-family:Brush Script MT,Segoe Script,cursive;font-size:18px}.signature-line{background:#817789;width:100px;height:1px;margin-bottom:4px}.certificate-verification-seal{justify-content:center;align-items:center;display:flex}.seal-circle{outline-offset:2px;color:#f9f7fc;border:2px solid #9b1ecc;border-radius:50%;outline:3px solid #7628ec1f;flex-direction:column;justify-content:center;align-items:center;width:55px;height:55px;display:flex;transform:rotate(-5deg)}.seal-check{font-family:Arial,sans-serif;font-size:15px;font-weight:900}.seal-circle span{letter-spacing:.7px;font-family:Arial,sans-serif;font-size:6px;font-weight:900}.seal-circle small{letter-spacing:.7px;font-family:Arial,sans-serif;font-size:5px;font-weight:700}.certificate-verification-info{color:#807887;border-top:1px solid #e7e1eb;justify-content:space-between;align-items:center;gap:15px;margin-top:8px;padding-top:6px;font-family:Arial,sans-serif;font-size:6px;display:flex}.certificate-verification-info strong{color:#f0eff3}.certificate-bottom-branding{text-align:center;letter-spacing:2px;color:#06020a;font-family:Arial,sans-serif;font-size:6px;font-weight:700;position:absolute;bottom:17px;left:0;right:0}.certificate-download-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5c08af,#5e13c0);border:none;border-radius:9px;width:100%;margin-top:15px;padding:13px 20px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;transition:all .25s;display:block}.certificate-download-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #7026e859}@media (width<=850px){.certificate-modal{width:calc(100vw - 30px);padding:10px}}@media (width<=600px){.certificate-modal-overlay{padding:10px}.certificate-modal{width:calc(100vw - 20px);padding:7px}.certificate-modal-close{width:32px;height:32px;font-size:21px;top:-8px;right:-8px}}@page{size:A4 landscape;margin:0}@media print{html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:297mm!important;height:210mm!important;margin:0!important;padding:0!important;overflow:hidden!important}body *{visibility:hidden!important}#certificate-preview,#certificate-preview *{visibility:visible!important}#certificate-preview{box-sizing:border-box!important;width:297mm!important;height:210mm!important;box-shadow:none!important;zoom:1!important;page-break-before:avoid!important;page-break-after:avoid!important;page-break-inside:avoid!important;break-before:avoid!important;break-after:avoid!important;break-inside:avoid!important;background:#fff!important;border:none!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;top:1%!important;left:15%!important;overflow:hidden!important;transform:none!important}#certificate-preview .certificate-border{text-align:center!important;box-sizing:border-box!important;width:800px!important;min-width:0!important;max-width:none!important;height:550px!important;min-height:0!important;max-height:none!important;box-shadow:none!important;page-break-before:avoid!important;page-break-after:avoid!important;page-break-inside:avoid!important;break-before:avoid!important;break-after:avoid!important;break-inside:avoid!important;border:none!important;margin:0!important;padding:4mm!important;display:block!important;position:relative!important;overflow:hidden!important;transform:none!important}#certificate-preview .certificate-inner{box-sizing:border-box!important;page-break-before:avoid!important;page-break-after:avoid!important;page-break-inside:avoid!important;break-before:avoid!important;break-after:avoid!important;break-inside:avoid!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important}.certificate-modal,.certificate-modal-content,.certificate-modal-body,.certificate-overlay,.certificate-container,.certificate-wrapper{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;position:static!important;overflow:hidden!important;transform:none!important}.certificate-download-button,.certificate-close,.certificate-modal-close,.close-button,.modal-close,button{visibility:hidden!important;display:none!important}#certificate-preview,#certificate-preview *,.certificate-border,.certificate-inner{page-break-before:avoid!important;page-break-after:avoid!important;page-break-inside:avoid!important;break-before:avoid!important;break-after:avoid!important;break-inside:avoid!important}body>*{margin:0!important;padding:0!important}}.content-image{text-align:center;margin:2rem 0}.content-image img{border:1px solid #a855f740;border-radius:14px;max-width:100%;box-shadow:0 8px 30px #7c3aed33}.image-caption{color:#a78bfa;margin-top:.7rem;font-size:.9rem;font-style:italic}.article-banner img{object-fit:cover;border:1px solid #a855f740;border-radius:18px;width:100%;height:auto;max-height:750px;display:block;box-shadow:0 10px 40px #7c3aed40}.article-sidebar h3{color:#e9d5ff;margin:0 0 1.2rem;font-size:1rem;font-weight:600}.article-content ul{color:#c4b5fd;margin:0 0 1.8rem;padding-left:1.4rem;line-height:1.7}.info-box h4{color:#c084fc;margin:0 0 .6rem;font-size:1.05rem}@media (width<=900px){.article-header h1{font-size:2rem}.article-container{grid-template-columns:1fr}.article-sidebar{margin-bottom:2rem;position:static}}.article-content ol{color:#c4b5fd;margin:0 0 1.5rem;padding-left:1.4rem;line-height:1.75}.article-content ol li{margin-bottom:.5rem}.payload-box{color:#e9d5ff;background:#0f081ee6;border:1px solid #a855f74d;border-left:4px solid #a855f7;border-radius:10px;margin:1rem 0 1.5rem;padding:1rem 1.2rem;font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto}@media (width<=900px){.article-container{grid-template-columns:1fr;gap:1.5rem}.article-sidebar{position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-bottom-color:#a855f7;border-left:none}.article-content{padding:1.5rem}}@media (width<=600px){.article-header{padding:1.75rem 1rem 1rem}.article-body{padding:1.25rem 1rem 3rem}.article-banner{padding:1rem 1rem 0}.article-content h2{font-size:1.4rem}}.back-link{color:#c084fc;margin-bottom:1.8rem;font-size:.9rem;text-decoration:none;display:inline-block}.article-banner img{object-fit:cover;border:1px solid #a855f740;border-radius:16px;width:100%;height:640px;display:block;box-shadow:0 12px 40px #7c3aed4d}.article-sidebar li{color:#a78bfa;cursor:pointer;border-left:3px solid #0000;border-radius:10px;margin-bottom:.3rem;padding:.7rem 1rem;font-size:.92rem;transition:all .22s}.payload-box{color:#e9d5ff;white-space:pre-wrap;background:#0f081ee6;border:1px solid #a855f74d;border-left:4px solid #a855f7;border-radius:10px;margin:1rem 0 1.5rem;padding:1rem 1.2rem;font-family:Fira Code,Courier New,monospace;font-size:.88rem;line-height:1.5;overflow-x:auto}@media (width<=900px){.article-container{grid-template-columns:1fr}.article-sidebar{position:static}.article-header h1{font-size:2rem}}@media (width<=900px){.article-container{grid-template-columns:1fr;gap:1.5rem}.article-sidebar{position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-bottom-color:#a855f7;border-left:none}.article-content{padding:1.5rem}}@media (width<=600px){.article-header{padding:1.75rem 1rem 1rem}.article-body{padding:1.25rem 1rem 3rem}.article-banner{padding:1rem 1rem 0}.article-content h2{font-size:1.4rem}}@media (width<=900px){.article-container{grid-template-columns:1fr;gap:1.5rem}.article-sidebar{position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-bottom-color:#a855f7;border-left:none}.article-content{padding:1.5rem}}@media (width<=600px){.article-header{padding:1.75rem 1rem 1rem}.article-body{padding:1.25rem 1rem 3rem}.article-banner{padding:1rem 1rem 0}.article-content h2{font-size:1.4rem}}@media (width<=900px){.article-container{grid-template-columns:1fr;gap:1.5rem}.article-sidebar{position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-bottom-color:#a855f7;border-left:none}.article-content{padding:1.5rem}}@media (width<=600px){.article-header{padding:1.75rem 1rem 1rem}.article-body{padding:1.25rem 1rem 3rem}.article-banner{padding:1rem 1rem 0}.article-content h2{font-size:1.4rem}}@media (width<=900px){.article-container{grid-template-columns:1fr;gap:1.5rem}.article-sidebar{position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-bottom-color:#a855f7;border-left:none}.article-content{padding:1.5rem}}@media (width<=600px){.article-header{padding:1.75rem 1rem 1rem}.article-body{padding:1.25rem 1rem 3rem}.article-banner{padding:1rem 1rem 0}.article-content h2{font-size:1.4rem}}.article-page{color:#e9d5ff;background:#07040f;min-height:100vh}.article-header{text-align:center;background:radial-gradient(at top,#7c3aed1f,#0000 70%);padding:4rem 2rem 2rem}.back-link{color:#c084fc;margin-bottom:1.8rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover{color:#e9d5ff}.article-date{color:#a78bfa;font-size:.95rem}.article-banner img{object-fit:cover;border:1px solid #a855f740;border-radius:18px;width:100%;max-height:420px;box-shadow:0 10px 40px #7c3aed40}.article-sidebar h3{color:#e9d5ff;margin:0 0 1.2rem;font-size:1rem}.article-sidebar li{color:#a78bfa;cursor:pointer;border-left:3px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.3rem;padding:.6rem .85rem;font-size:.9rem;transition:all .2s;display:flex}.article-sidebar li.active{color:#c084fc;background:#a855f729;border-left-color:#a855f7}.check-mark{color:#4ade80;font-weight:700}.article-content h2{color:#f3e8ff;margin:0 0 1rem;font-size:1.55rem}.article-content h3{color:#e9d5ff;margin:2rem 0 .9rem;font-size:1.25rem}.article-content code{background:#a855f726;border-radius:5px;padding:2px 6px;font-size:.9em}.payload-box{color:#e9d5ff;white-space:pre-wrap;background:#0f081ef2;border:1px solid #a855f74d;border-left:4px solid #a855f7;border-radius:10px;margin:1rem 0 1.5rem;padding:1rem 1.2rem;font-family:Fira Code,Courier New,monospace;font-size:.9rem;overflow-x:auto}.quiz-box{background:#120a23cc;border:1px solid #a855f74d;border-radius:16px;margin-top:3rem;padding:1.8rem}.quiz-box h3{color:#c084fc;margin:0 0 1rem}.quiz-question{color:#e9d5ff;margin-bottom:1.3rem;font-size:1.1rem}.quiz-options{flex-direction:column;gap:.7rem;margin-bottom:1.5rem;display:flex}.quiz-option{cursor:pointer;color:#c4b5fd;background:#0a0612b3;border:1px solid #a855f733;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.quiz-option input{accent-color:#a855f7}.quiz-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;padding:.8rem 1.8rem;font-weight:700;transition:all .2s}.quiz-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.congrats-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.congrats-modal{text-align:center;background:linear-gradient(145deg,#1a0b2e,#12081f);border:1px solid #a855f766;border-radius:20px;width:90%;max-width:400px;padding:2.5rem 3rem;animation:.35s popIn;box-shadow:0 20px 60px #7c3aed4d}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.congrats-icon{margin-bottom:1rem;font-size:3.5rem}.congrats-modal h2{color:#f3e8ff;margin:0 0 .6rem}.congrats-modal p{color:#c4b5fd;margin:0 0 1.8rem}.congrats-modal button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;padding:.8rem 2.2rem;font-weight:700}@media (width<=900px){.article-header h1{font-size:2rem}.article-container{grid-template-columns:1fr}.article-sidebar{margin-bottom:2rem;position:static}}@media (width<=900px){.article-container{grid-template-columns:1fr;gap:1.5rem}.article-sidebar{position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-bottom-color:#a855f7;border-left:none}.article-content{padding:1.5rem}}@media (width<=600px){.article-header{padding:1.75rem 1rem 1rem}.article-body{padding:1.25rem 1rem 3rem}.article-banner{padding:1rem 1rem 0}.article-content h2{font-size:1.4rem}}.article-page{color:#e2e8f0;background:#0f0a1a;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.article-banner img{object-fit:cover;border:1px solid #a855f733;border-radius:12px;width:100%;height:auto;max-height:420px;box-shadow:0 8px 32px #0006}.article-sidebar{background:#1a0b2e;border:1px solid #a855f733;border-radius:12px;padding:1.25rem;position:sticky;top:1.5rem}.article-sidebar li:hover{color:#e2e8f0;background:#a855f71a}.article-sidebar li.active{color:#c084fc;background:#a855f72e;border-left-color:#a855f7;font-weight:500}.article-content{background:#1a0b2e;border:1px solid #a855f726;border-radius:12px;min-height:400px;padding:2rem 2.25rem}.article-content p{color:#cbd5e1;margin:0 0 1rem;line-height:1.7}.payload-box{color:#e9d5ff;white-space:pre-wrap;word-break:break-word;background:#0d0618;border:1px solid #a855f740;border-radius:8px;margin:.75rem 0 1.5rem;padding:1rem 1.25rem;font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:.88rem;line-height:1.55;overflow-x:auto}.info-box h4{color:#c084fc;margin-bottom:.4rem}@media (width<=900px){.article-container{grid-template-columns:1fr;gap:1.5rem}.article-sidebar{position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-bottom-color:#a855f7;border-left:none}.article-content{padding:1.5rem}}@media (width<=600px){.article-header{padding:1.75rem 1rem 1rem}.article-body{padding:1.25rem 1rem 3rem}.article-banner{padding:1rem 1rem 0}.article-content h2{font-size:1.4rem}}:root{--bg-primary:#0b0614;--bg-secondary:#130a22;--bg-card:#1a0f2e;--bg-code:#0a0414;--accent:#ec4899;--accent-light:#f472b6;--accent-soft:#ec489926;--accent-border:#ec489940;--purple:#a855f7;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--radius:14px;--shadow:0 10px 40px #00000073}.article-header{background:linear-gradient(180deg, #1a0b2e 0%, var(--bg-primary) 100%);border-bottom:1px solid var(--accent-border);padding:3rem 1.5rem 2rem;position:relative;overflow:hidden}.article-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#ec48991f,#0000 70%);width:600px;height:400px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.article-header-content{z-index:1;max-width:1150px;margin:0 auto;position:relative}.back-link{color:var(--accent);align-items:center;gap:.4rem;margin-bottom:1.4rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.article-header h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .85rem;font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:800;line-height:1.22}.article-date{color:var(--text-muted);align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}.article-banner img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--accent-border);width:100%;height:auto;max-height:480px;box-shadow:var(--shadow);transition:transform .4s;display:block}.article-banner img:hover{transform:scale(1.01)}.article-sidebar{background:var(--bg-card);border:1px solid var(--accent-border);border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:var(--accent) transparent;max-height:calc(100vh - 3rem);padding:1.4rem;position:sticky;top:1.5rem;overflow-y:auto}.article-sidebar::-webkit-scrollbar{width:5px}.article-sidebar::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.article-content{background:var(--bg-card);border-radius:var(--radius);border:1px solid #ec48991f;min-height:500px;padding:2.25rem 2.5rem;box-shadow:0 4px 24px #00000040}.article-content h2{color:var(--text-primary);letter-spacing:-.01em;border-bottom:2px solid #ec489933;margin:0 0 1.35rem;padding-bottom:.85rem;font-size:1.75rem;font-weight:800}.article-content h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.article-content strong{color:#fce7f3;font-weight:600}.payload-box{background:var(--bg-code);border:1px solid var(--accent-border);border-left:4px solid var(--accent);color:#fbcfe8;white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:1rem 0 1.6rem;padding:1.15rem 1.35rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.86rem;line-height:1.6;overflow-x:auto;box-shadow:inset 0 1px #ffffff08}.info-box{background:linear-gradient(135deg,#ec489924 0%,#a855f71a 100%);border:1px solid #ec489959;border-radius:12px;margin-top:2rem;padding:1.3rem 1.5rem;position:relative}.info-box:before{content:"";background:linear-gradient(180deg, var(--accent), var(--purple));border-radius:12px 0 0 12px;width:4px;height:100%;position:absolute;top:0;left:0}.info-box h4{color:var(--accent-light);margin-bottom:.45rem;font-size:1rem}.info-box p{color:#fce7f3;margin:0;font-size:.98rem}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.45rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0;padding:.55rem .75rem;font-size:.85rem}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-banner{padding:1.25rem 1rem 0}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.article-content h3{font-size:1.1rem}.payload-box{padding:.9rem 1rem;font-size:.8rem}}.back-link{color:var(--accent);margin-bottom:1.4rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.article-sidebar li{cursor:pointer;color:var(--text-muted);border-left:3px solid #0000;border-radius:10px;margin-bottom:.3rem;padding:.7rem .9rem;font-size:.9rem;transition:all .22s}@media (width<=980px){.article-container{grid-template-columns:1fr}.article-sidebar{position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none}.article-sidebar li.active{border-bottom-color:var(--accent)}}@media (width<=600px){.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}.article-header-content{max-width:1200px;margin:0 auto;padding:28px 20px 20px;position:relative}.article-header-content .article-date{color:#c4b5fd;margin:0;font-size:14px;display:inline-block}.article-header-content .article-date:first-of-type{margin-top:12px}.article-header-content .article-date+.article-date{color:#f3e8ff;letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#a855f72e,#6366f11f);border:1px solid #a855f766;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:600;position:absolute;top:28px;right:20px;box-shadow:0 4px 18px #a855f726;margin-top:0!important}.article-header-content .article-date+.article-date:hover{border-color:#a855f7b3;transition:all .25s;transform:translateY(-1px);box-shadow:0 6px 22px #a855f740}@media (width<=640px){.article-header-content .article-date+.article-date{width:fit-content;display:block;position:static;margin-top:14px!important}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}:root{--bg-primary:#0b0614;--bg-card:#1a0f2e;--bg-code:#0a0414;--accent:#a855f7;--accent-light:#c084fc;--accent-soft:#a855f726;--accent-border:#a855f740;--purple:#7c3aed;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--radius:14px;--success:#c522aa;--success-soft:#22c55e26;--success-border:#22c55e66;--error:#ef4444;--error-soft:#ef444426;--error-border:#ef444466}.progress-container{max-width:480px;margin-top:.5rem}.progress-label{color:var(--text-muted);margin-bottom:.55rem;font-size:.88rem;font-weight:500}.progress-bar{background:#a855f71f;border-radius:20px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#a855f7 0%,#7c3aed 100%);border-radius:20px;height:100%;transition:width .45s}.success-toast{z-index:9999;animation:.35s toastIn;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.success-toast-content{background:#1a0f2e;border:1px solid #a855f773;border-radius:12px;align-items:flex-start;gap:.75rem;max-width:520px;padding:1rem 1.35rem;display:flex;box-shadow:0 12px 40px #0000008c}.success-icon{color:#4ade80;background:#22c55e33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;font-weight:700;display:flex}.success-toast-content p{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.5}.article-sidebar li{cursor:pointer;color:var(--text-muted);border-left:3px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;padding:.7rem .9rem;font-size:.9rem;line-height:1.4;transition:all .22s;display:flex}.article-sidebar li.completed{color:var(--text-secondary)}.article-sidebar li.completed .chapter-check{color:#4ade80;flex-shrink:0;font-size:.95rem;font-weight:700}.chapter-title-text{flex:1;min-width:0}.sidebar-progress-note{color:var(--text-muted);background:#a855f714;border:1px solid #a855f72e;border-radius:10px;padding:.85rem .9rem;font-size:.8rem;line-height:1.5}.chapter-quiz-section{border-top:1px solid #a855f733;margin-top:2.75rem;padding-top:2rem}.chapter-quiz-section h3{color:var(--text-primary);margin-top:0;font-size:1.35rem}.quiz-intro{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.quiz-question-block{background:#00000038;border:1px solid #a855f72e;border-radius:12px;margin-bottom:1.25rem;padding:1.35rem 1.45rem;transition:border-color .25s,background .25s}.quiz-question-block.correct{border-color:var(--success-border);background:#22c55e0f}.quiz-question-block.incorrect{border-color:var(--error-border);background:#ef44440f}.quiz-question-text{color:var(--text-primary);margin:0 0 1rem;font-size:1.02rem;line-height:1.55}.quiz-question-text strong{color:var(--accent-light)}.quiz-options{flex-direction:column;gap:.6rem;display:flex}.quiz-option{cursor:pointer;color:var(--text-secondary);background:#a855f70f;border:1px solid #a855f729;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.8rem 1rem;font-size:.95rem;line-height:1.45;transition:all .2s;display:flex}.quiz-option:hover{background:#a855f71f;border-color:#a855f74d}.quiz-option.selected{border-color:var(--accent);color:var(--text-primary);background:#a855f72e}.quiz-option.correct-option{background:var(--success-soft);border-color:var(--success-border);color:var(--text-primary)}.quiz-option.wrong-option{background:var(--error-soft);border-color:var(--error-border);color:var(--text-primary)}.quiz-option input[type=radio]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:.2rem}.quiz-option input[type=radio]:disabled{cursor:default}.quiz-option span{flex:1}.quiz-explanation{color:var(--text-secondary);background:#a855f714;border:1px solid #a855f733;border-radius:10px;margin-top:1rem;padding:.9rem 1.1rem;font-size:.92rem;line-height:1.55}.quiz-question-block.correct .quiz-explanation{background:var(--success-soft);border-color:var(--success-border)}.quiz-question-block.incorrect .quiz-explanation{background:var(--error-soft);border-color:var(--error-border)}.quiz-explanation strong{color:var(--text-primary)}.quiz-question-block.correct .quiz-explanation strong{color:#4ade80}.quiz-question-block.incorrect .quiz-explanation strong{color:#f87171}.quiz-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.quiz-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border:none;border-radius:10px;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .25s}.quiz-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.quiz-submit-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.quiz-result-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.quiz-score{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.perfect-score{color:#4ade80;font-weight:700}.quiz-reset-btn{color:var(--accent-light);border:1px solid var(--accent-border);cursor:pointer;background:0 0;border-radius:10px;padding:.65rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s}.quiz-reset-btn:hover{border-color:var(--accent);background:#a855f71f}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}.success-toast{left:1rem;right:1rem;transform:none}.success-toast-content{max-width:none}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}.quiz-question-block{padding:1.1rem 1.15rem}.quiz-option{padding:.7rem .85rem;font-size:.9rem}.quiz-actions{flex-direction:column;align-items:stretch}.quiz-submit-btn,.quiz-reset-btn{text-align:center;width:100%}.quiz-result-actions{flex-direction:column;align-items:stretch}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}:root{--bg-primary:#0b0614;--bg-card:#1a0f2e;--bg-code:#0a0414;--accent:#a855f7;--accent-light:#c084fc;--accent-soft:#a855f726;--accent-border:#a855f740;--purple:#7c3aed;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--radius:14px}.article-page{background:var(--bg-primary);min-height:100vh;color:var(--text-secondary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.7}.article-header{background:linear-gradient(180deg, #1a0b2e 0%, var(--bg-primary) 100%);border-bottom:1px solid var(--accent-border);padding:3rem 1.5rem 2rem}.article-header-content{max-width:1150px;margin:0 auto}.back-link{color:var(--accent);align-items:center;margin-bottom:1.4rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.back-link:hover{color:var(--accent-light);transform:translate(-4px)}.article-header h1{color:var(--text-primary);margin:0 0 .85rem;font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:800;line-height:1.22}.gradient-text{background:linear-gradient(135deg,#c084fc 0%,#a855f7 50%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.article-date{color:var(--text-muted);margin:0;font-size:.9rem}.article-banner{max-width:1150px;margin:0 auto;padding:1.75rem 1.5rem 0}.article-banner img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--accent-border);width:100%;max-height:750px;display:block;box-shadow:0 10px 40px #00000073}.article-body{padding:2.5rem 1.5rem 5rem}.article-container{grid-template-columns:280px 1fr;align-items:start;gap:2.75rem;max-width:1150px;margin:0 auto;display:grid}.article-sidebar{background:var(--bg-card);border:1px solid var(--accent-border);border-radius:var(--radius);max-height:calc(100vh - 3rem);padding:1.4rem;position:sticky;top:1.5rem;overflow-y:auto}.article-sidebar h3{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 1.1rem;font-size:.78rem;font-weight:700}.article-sidebar ul{margin:0;padding:0;list-style:none}.article-sidebar li{cursor:pointer;color:var(--text-muted);border-left:3px solid #0000;border-radius:10px;margin-bottom:.3rem;padding:.7rem .9rem;font-size:.9rem;line-height:1.4;transition:all .22s}.article-sidebar li:hover{background:var(--accent-soft);color:var(--text-primary)}.article-sidebar li.active{color:var(--accent-light);border-left-color:var(--accent);background:linear-gradient(90deg,#a855f733,#0000);font-weight:600}.article-content{background:var(--bg-card);border-radius:var(--radius);border:1px solid #a855f71f;min-height:500px;padding:2.25rem 2.5rem}.article-content h2{color:var(--text-primary);border-bottom:2px solid #a855f733;margin:0 0 1.35rem;padding-bottom:.85rem;font-size:1.75rem;font-weight:800}.article-content h3{color:var(--accent-light);margin:2rem 0 .85rem;font-size:1.25rem;font-weight:700}.article-content p{color:var(--text-secondary);margin:0 0 1.1rem;font-size:1.02rem;line-height:1.75}.article-content ul,.article-content ol{color:var(--text-secondary);margin:0 0 1.4rem;padding-left:1.4rem;line-height:1.75}.article-content li{margin-bottom:.5rem}.article-content strong{color:#e9d5ff}.article-content code{color:#e9d5ff;background:#a855f72e;border-radius:5px;padding:.18rem .45rem;font-family:JetBrains Mono,Consolas,monospace;font-size:.87em}.payload-box{background:var(--bg-code);border:1px solid var(--accent-border);border-left:4px solid var(--accent);color:#e9d5ff;white-space:pre-wrap;border-radius:10px;margin:1rem 0 1.6rem;padding:1.15rem 1.35rem;font-family:JetBrains Mono,Consolas,monospace;font-size:.86rem;line-height:1.6;overflow-x:auto}.info-box{background:linear-gradient(135deg,#a855f724,#7c3aed1a);border:1px solid #a855f759;border-radius:12px;margin-top:2rem;padding:1.3rem 1.5rem}.info-box h4{color:var(--accent-light);margin:0 0 .45rem}.info-box p{color:#e9d5ff;margin:0}@media (width<=980px){.article-container{grid-template-columns:1fr;gap:1.75rem}.article-sidebar{max-height:none;position:static}.article-sidebar ul{flex-wrap:wrap;gap:.4rem;display:flex}.article-sidebar li{border-bottom:2px solid #0000;border-left:none;margin-bottom:0}.article-sidebar li.active{border-left:none;border-bottom-color:var(--accent)}.article-content{padding:1.75rem}}@media (width<=600px){.article-header{padding:2rem 1rem 1.25rem}.article-body{padding:1.5rem 1rem 3.5rem}.article-content{padding:1.35rem}.article-content h2{font-size:1.4rem}.payload-box{font-size:.8rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.xss-lab-page *,.xss-lab-page :before,.xss-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.sidebar-card:first-child .sidebar-title{margin-bottom:10px}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.lab-nav-item:last-child{margin-right:0}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=700px){.xss-hero{width:min(100% - 28px,1240px);padding-top:42px}.xss-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.xss-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@keyframes expReviewScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.sqli-lab-page,.sqli-lab-page *{box-sizing:border-box}.sqli-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.sqli-lab-page button,.sqli-lab-page input{font:inherit}.sqli-lab-page button{-webkit-tap-highlight-color:transparent}.sqli-lab-page ::selection{color:#fff;background:#a855f74d}.sqli-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.sqli-hero h1{color:var(--white);letter-spacing:-5px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(52px,8vw,96px);font-weight:900;line-height:.88}.sqli-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:5px;display:block}.sqli-hero>p{width:min(680px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.target-form.vertical input{width:100%}.sqli-lab-page button:focus-visible,.sqli-lab-page input:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.sqli-lab-page *,.sqli-lab-page :before,.sqli-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.sqli-hero{width:min(100% - 28px,1240px);padding-top:42px}.sqli-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.sqli-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.ssrf-lab-page,.ssrf-lab-page *{box-sizing:border-box}.ssrf-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.ssrf-lab-page button,.ssrf-lab-page input{font:inherit}.ssrf-lab-page button{-webkit-tap-highlight-color:transparent}.ssrf-lab-page ::selection{color:#fff;background:#a855f74d}.ssrf-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.ssrf-hero h1{color:var(--white);letter-spacing:-5px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(52px,8vw,96px);font-weight:900;line-height:.88}.ssrf-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:5px;display:block}.ssrf-hero>p{width:min(680px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.ssrf-lab-page button:focus-visible,.ssrf-lab-page input:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.ssrf-lab-page *,.ssrf-lab-page :before,.ssrf-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.ssrf-hero{width:min(100% - 28px,1240px);padding-top:42px}.ssrf-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.ssrf-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.csrf-lab-page,.csrf-lab-page *{box-sizing:border-box}.csrf-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.csrf-lab-page button,.csrf-lab-page input,.csrf-lab-page textarea{font:inherit}.csrf-lab-page button{-webkit-tap-highlight-color:transparent}.csrf-lab-page ::selection{color:#fff;background:#a855f74d}.csrf-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.csrf-hero h1{color:var(--white);letter-spacing:-5px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(52px,8vw,96px);font-weight:900;line-height:.88}.csrf-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:5px;display:block}.csrf-hero>p{width:min(680px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.csrf-lab-page button:focus-visible,.csrf-lab-page input:focus-visible,.csrf-lab-page textarea:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.csrf-lab-page *,.csrf-lab-page :before,.csrf-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.csrf-hero{width:min(100% - 28px,1240px);padding-top:42px}.csrf-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.csrf-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.xxe-lab-page,.xxe-lab-page *{box-sizing:border-box}.xxe-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.xxe-lab-page button,.xxe-lab-page input,.xxe-lab-page textarea{font:inherit}.xxe-lab-page button{-webkit-tap-highlight-color:transparent}.xxe-lab-page ::selection{color:#fff;background:#a855f74d}.xxe-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.xxe-hero h1{color:var(--white);letter-spacing:-5px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(52px,8vw,96px);font-weight:900;line-height:.88}.xxe-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:5px;display:block}.xxe-hero>p{width:min(680px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.xxe-lab-page button:focus-visible,.xxe-lab-page input:focus-visible,.xxe-lab-page textarea:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.xxe-lab-page *,.xxe-lab-page :before,.xxe-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.xxe-hero{width:min(100% - 28px,1240px);padding-top:42px}.xxe-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.xxe-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.idor-lab-page,.idor-lab-page *{box-sizing:border-box}.idor-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.idor-lab-page button,.idor-lab-page input,.idor-lab-page textarea{font:inherit}.idor-lab-page button{-webkit-tap-highlight-color:transparent}.idor-lab-page ::selection{color:#fff;background:#a855f74d}.idor-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.idor-hero h1{color:var(--white);letter-spacing:-5px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(52px,8vw,96px);font-weight:900;line-height:.88}.idor-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:5px;display:block}.idor-hero>p{width:min(680px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.target-form.vertical{flex-direction:column;max-width:100%}.target-form input,.target-form textarea{color:#201b24;resize:vertical;background:#fff;border:1px solid #d8d2dd;border-radius:10px;outline:none;flex:1;min-width:0;min-height:46px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;transition:border-color .2s,box-shadow .2s}.target-form input::placeholder,.target-form textarea::placeholder{color:#99919f}.target-form input:focus,.target-form textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a}.idor-lab-page button:focus-visible,.idor-lab-page input:focus-visible,.idor-lab-page textarea:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.idor-lab-page *,.idor-lab-page :before,.idor-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.idor-hero{width:min(100% - 28px,1240px);padding-top:42px}.idor-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.idor-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.fileupload-lab-page,.fileupload-lab-page *{box-sizing:border-box}.fileupload-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.fileupload-lab-page button,.fileupload-lab-page input,.fileupload-lab-page textarea{font:inherit}.fileupload-lab-page button{-webkit-tap-highlight-color:transparent}.fileupload-lab-page ::selection{color:#fff;background:#a855f74d}.fileupload-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.fileupload-hero h1{color:var(--white);letter-spacing:-4px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(42px,7vw,82px);font-weight:900;line-height:.88}.fileupload-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:5px;display:block}.fileupload-hero>p{width:min(680px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.fileupload-lab-page button:focus-visible,.fileupload-lab-page input:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.fileupload-lab-page *,.fileupload-lab-page :before,.fileupload-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.fileupload-hero{width:min(100% - 28px,1240px);padding-top:42px}.fileupload-hero h1{letter-spacing:-2.5px;font-size:clamp(36px,12vw,60px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.fileupload-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.aws-lab-page *,.aws-lab-page :before,.aws-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.aws-hero{width:min(100% - 28px,1240px);padding-top:42px}.aws-hero h1{letter-spacing:-3px;font-size:clamp(42px,13vw,68px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.aws-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.azure-lab-page,.azure-lab-page *{box-sizing:border-box}.azure-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.azure-lab-page button,.azure-lab-page input,.azure-lab-page textarea{font:inherit}.azure-lab-page button{-webkit-tap-highlight-color:transparent}.azure-lab-page ::selection{color:#fff;background:#a855f74d}.azure-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.azure-hero h1{color:var(--white);letter-spacing:-4.5px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(48px,7.5vw,88px);font-weight:900;line-height:.88}.azure-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:6px;display:block}.azure-hero>p{width:min(720px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.azure-lab-page button:focus-visible,.azure-lab-page input:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.azure-lab-page *,.azure-lab-page :before,.azure-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.azure-hero{width:min(100% - 28px,1240px);padding-top:42px}.azure-hero h1{letter-spacing:-3px;font-size:clamp(42px,13vw,68px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.azure-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.gcp-lab-page,.gcp-lab-page *{box-sizing:border-box}.gcp-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.gcp-lab-page button,.gcp-lab-page input,.gcp-lab-page textarea{font:inherit}.gcp-lab-page button{-webkit-tap-highlight-color:transparent}.gcp-lab-page ::selection{color:#fff;background:#a855f74d}.gcp-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.gcp-hero h1{color:var(--white);letter-spacing:-4.5px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(48px,7.5vw,88px);font-weight:900;line-height:.88}.gcp-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:6px;display:block}.gcp-hero>p{width:min(720px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.gcp-lab-page button:focus-visible,.gcp-lab-page input:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.gcp-lab-page *,.gcp-lab-page :before,.gcp-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.gcp-hero{width:min(100% - 28px,1240px);padding-top:42px}.gcp-hero h1{letter-spacing:-3px;font-size:clamp(42px,13vw,68px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.gcp-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.android-lab-page,.android-lab-page *{box-sizing:border-box}.android-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.android-lab-page button,.android-lab-page input,.android-lab-page textarea{font:inherit}.android-lab-page button{-webkit-tap-highlight-color:transparent}.android-lab-page ::selection{color:#fff;background:#a855f74d}.android-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.android-hero h1{color:var(--white);letter-spacing:-4px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(42px,7vw,82px);font-weight:900;line-height:.88}.android-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:6px;display:block}.android-hero>p{width:min(720px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.android-lab-page button:focus-visible,.android-lab-page input:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.android-lab-page *,.android-lab-page :before,.android-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.android-hero{width:min(100% - 28px,1240px);padding-top:42px}.android-hero h1{letter-spacing:-2.5px;font-size:clamp(36px,12vw,64px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.android-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.ios-lab-page,.ios-lab-page *{box-sizing:border-box}.ios-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.ios-lab-page button,.ios-lab-page input,.ios-lab-page textarea{font:inherit}.ios-lab-page button{-webkit-tap-highlight-color:transparent}.ios-lab-page ::selection{color:#fff;background:#a855f74d}.ios-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.ios-hero h1{color:var(--white);letter-spacing:-5px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(52px,8vw,96px);font-weight:900;line-height:.88}.ios-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:6px;display:block}.ios-hero>p{width:min(720px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.ios-lab-page button:focus-visible,.ios-lab-page input:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.ios-lab-page *,.ios-lab-page :before,.ios-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.ios-hero{width:min(100% - 28px,1240px);padding-top:42px}.ios-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.ios-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.apk-lab-page,.apk-lab-page *{box-sizing:border-box}.apk-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.apk-lab-page button,.apk-lab-page input,.apk-lab-page textarea{font:inherit}.apk-lab-page button{-webkit-tap-highlight-color:transparent}.apk-lab-page ::selection{color:#fff;background:#a855f74d}.apk-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.apk-hero h1{color:var(--white);letter-spacing:-4.5px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(48px,7.5vw,88px);font-weight:900;line-height:.88}.apk-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:6px;display:block}.apk-hero>p{width:min(720px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.apk-lab-page button:focus-visible,.apk-lab-page input:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.apk-lab-page *,.apk-lab-page :before,.apk-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.apk-hero{width:min(100% - 28px,1240px);padding-top:42px}.apk-hero h1{letter-spacing:-3px;font-size:clamp(42px,13vw,68px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.apk-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}@media (width<=900px){.vulnx2-layout{grid-template-columns:1fr}.vulnx2-sidebar{grid-template-columns:1fr 1fr;display:grid}.vulnx2-reset{grid-column:1/-1}.vulnx2-review-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.vulnx2-hero{padding:30px 14px}.vulnx2-hero-content{padding:25px}.vulnx2-hero h1{font-size:40px}.vulnx2-layout{padding:0 14px 50px}.vulnx2-sidebar{grid-template-columns:1fr}.vulnx2-challenge-top{flex-direction:column}.vulnx2-points{width:100%}.vulnx2-start-card{flex-direction:column;align-items:flex-start}.vulnx2-start-actions{flex-direction:column}.vulnx2-start-actions button{width:100%}.vulnx2-methodology,.vulnx2-notes,.vulnx2-response-grid{grid-template-columns:1fr}.vulnx2-apk-box{flex-wrap:wrap}.vulnx2-apk-box button{width:100%}.vulnx2-community-header{flex-direction:column;align-items:flex-start}.vulnx2-review-grid,.vulnx2-feedback-fields{grid-template-columns:1fr}.vulnx2-modal-actions{flex-direction:column}}@media (width<=900px){.vulnx2-layout{grid-template-columns:1fr}.vulnx2-sidebar{grid-template-columns:1fr 1fr;display:grid}.vulnx2-reset{grid-column:1/-1}.vulnx2-review-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.vulnx2-hero{padding:30px 14px}.vulnx2-hero-content{padding:25px}.vulnx2-hero h1{font-size:40px}.vulnx2-layout{padding:0 14px 50px}.vulnx2-sidebar{grid-template-columns:1fr}.vulnx2-challenge-top{flex-direction:column}.vulnx2-points{width:100%}.vulnx2-start-card{flex-direction:column;align-items:flex-start}.vulnx2-start-actions{flex-direction:column}.vulnx2-start-actions button{width:100%}.vulnx2-methodology,.vulnx2-notes,.vulnx2-response-grid{grid-template-columns:1fr}.vulnx2-apk-box{flex-wrap:wrap}.vulnx2-apk-box button{width:100%}.vulnx2-community-header{flex-direction:column;align-items:flex-start}.vulnx2-review-grid,.vulnx2-feedback-fields{grid-template-columns:1fr}.vulnx2-modal-actions{flex-direction:column}}@media (width<=900px){.vulnx2-layout{grid-template-columns:1fr}.vulnx2-sidebar{grid-template-columns:1fr 1fr;display:grid}.vulnx2-reset{grid-column:1/-1}.vulnx2-review-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.vulnx2-hero{padding:30px 14px}.vulnx2-hero-content{padding:25px}.vulnx2-hero h1{font-size:40px}.vulnx2-layout{padding:0 14px 50px}.vulnx2-sidebar{grid-template-columns:1fr}.vulnx2-challenge-top{flex-direction:column}.vulnx2-points{width:100%}.vulnx2-start-card{flex-direction:column;align-items:flex-start}.vulnx2-start-actions{flex-direction:column}.vulnx2-start-actions button{width:100%}.vulnx2-methodology,.vulnx2-notes,.vulnx2-response-grid{grid-template-columns:1fr}.vulnx2-apk-box{flex-wrap:wrap}.vulnx2-apk-box button{width:100%}.vulnx2-community-header{flex-direction:column;align-items:flex-start}.vulnx2-review-grid,.vulnx2-feedback-fields{grid-template-columns:1fr}.vulnx2-modal-actions{flex-direction:column}}.vulnx2-page{color:#f4f4f5;background:radial-gradient(circle at 80% 0,#7c3aed2e,#0000 32%),#07070d;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.vulnx2-hero{max-width:1200px;margin:auto;padding:65px 25px 40px}.vulnx2-hero-content{background:linear-gradient(135deg,#7c3aed14,#ffffff05);border:1px solid #a855f72e;border-radius:24px;padding:45px}.vulnx2-hero-badge{color:#c4b5fd;letter-spacing:1.5px;border:1px solid #7c3aed;border-radius:20px;padding:8px 13px;font-size:11px;font-weight:800;display:inline-block}.vulnx2-hero h1{letter-spacing:-2px;margin:18px 0 10px;font-size:58px;line-height:1}.vulnx2-hero h1 span{color:#a855f7}.vulnx2-hero p{color:#a1a1aa;max-width:760px;margin:0;font-size:16px;line-height:1.8}.vulnx2-hero-stats{flex-wrap:wrap;gap:35px;margin-top:32px;display:flex}.vulnx2-hero-stats div{min-width:90px}.vulnx2-hero-stats strong{color:#f4f4f5;font-size:24px;display:block}.vulnx2-hero-stats span{color:#71717a;letter-spacing:1.4px;margin-top:4px;font-size:10px;display:block}.vulnx2-layout{grid-template-columns:250px 1fr;gap:24px;max-width:1200px;margin:auto;padding:0 25px 70px;display:grid}.vulnx2-sidebar{flex-direction:column;gap:16px;display:flex}.vulnx2-sidebar-card{background:#ffffff09;border:1px solid #a855f726;border-radius:15px;padding:18px}.vulnx2-sidebar-title{color:#71717a;letter-spacing:1.4px;margin-bottom:15px;font-size:10px;font-weight:800}.vulnx2-lab-item{border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:12px;display:flex}.vulnx2-lab-item.active{background:#7c3aed1a;border-color:#a855f74d}.vulnx2-lab-number{color:#c4b5fd;background:#7c3aed2e;border-radius:8px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.vulnx2-lab-item strong{font-size:13px;display:block}.vulnx2-lab-item span{color:#71717a;margin-top:3px;font-size:9px;display:block}.vulnx2-status-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:9px 0;display:flex}.vulnx2-status-row:last-child{border-bottom:0}.vulnx2-status-row span{color:#71717a;font-size:12px}.vulnx2-status-row strong{color:#c4b5fd;font-size:12px}.vulnx2-reset{color:#a1a1aa;cursor:pointer;background:#111114;border:1px solid #27272a;border-radius:10px;padding:12px}.vulnx2-challenge{min-width:0}.vulnx2-challenge-top{justify-content:space-between;gap:25px;margin-bottom:20px;display:flex}.vulnx2-category{color:#a855f7;letter-spacing:1.5px;font-size:10px;font-weight:800}.vulnx2-challenge-top h2{margin:8px 0;font-size:29px}.vulnx2-challenge-top p{color:#a1a1aa;margin:0;line-height:1.6}.vulnx2-points{text-align:center;background:#7c3aed12;border:1px solid #a855f733;border-radius:12px;min-width:100px;padding:14px}.vulnx2-points span{color:#71717a;letter-spacing:1px;font-size:9px;display:block}.vulnx2-points strong{color:#c4b5fd;margin-top:4px;font-size:23px;display:block}.vulnx2-points small{color:#71717a}.vulnx2-card{background:#ffffff09;border:1px solid #a855f724;border-radius:17px;margin-bottom:18px;padding:26px}.vulnx2-card-title{align-items:center;gap:13px;display:flex}.vulnx2-card-title>span{background:#7c3aed21;border-radius:10px;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.vulnx2-card-title h3{margin:0;font-size:18px}.vulnx2-card-title small{color:#71717a;margin-top:4px;display:block}.vulnx2-objective{background:#a855f712;border-left:3px solid #a855f7;border-radius:8px;margin-top:20px;padding:18px}.vulnx2-objective strong{color:#c4b5fd}.vulnx2-objective p{color:#a1a1aa;margin:8px 0 0;line-height:1.7}.vulnx2-start-card{background:linear-gradient(135deg,#7c3aed1a,#ffffff06);border:1px solid #a855f733;border-radius:18px;align-items:center;gap:25px;margin-bottom:18px;padding:30px;display:flex}.vulnx2-start-icon{background:#7c3aed24;border-radius:18px;flex-shrink:0;place-items:center;width:75px;height:75px;font-size:35px;display:grid}.vulnx2-start-content h3{margin:0;font-size:23px}.vulnx2-start-content p{color:#a1a1aa;max-width:650px;line-height:1.7}.vulnx2-start-meta{flex-wrap:wrap;gap:8px;display:flex}.vulnx2-start-meta span{color:#a1a1aa;background:#ffffff0d;border-radius:7px;padding:6px 9px;font-size:10px}.vulnx2-start-actions{gap:10px;margin-top:20px;display:flex}.vulnx2-start-actions button{cursor:pointer;border:0;border-radius:9px;padding:12px 16px;font-weight:700}.vulnx2-download-button{color:#fff;background:#27272a}.vulnx2-start-button{color:#fff;background:#7c3aed}.vulnx2-apk-box{background:#0b0b10;border:1px solid #27272a;border-radius:12px;align-items:center;gap:15px;margin-top:20px;padding:17px;display:flex}.vulnx2-apk-icon{color:#c4b5fd;background:#7c3aed26;border-radius:11px;place-items:center;width:50px;height:50px;font-size:11px;font-weight:900;display:grid}.vulnx2-apk-info{flex:1}.vulnx2-apk-info strong{font-family:monospace;font-size:13px;display:block}.vulnx2-apk-info span{color:#71717a;margin-top:4px;font-size:11px;display:block}.vulnx2-apk-box button{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:8px;padding:10px 14px}.vulnx2-methodology{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:22px;display:grid}.vulnx2-methodology article{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:17px}.vulnx2-methodology article>div{color:#c4b5fd;background:#7c3aed24;border-radius:8px;place-items:center;width:30px;height:30px;margin-bottom:12px;font-size:10px;font-weight:800;display:grid}.vulnx2-methodology h4{margin:0 0 7px}.vulnx2-methodology p{color:#71717a;min-height:60px;font-size:12px;line-height:1.6}.vulnx2-methodology code{color:#c4b5fd;background:#08080b;border-radius:6px;padding:8px;font-family:monospace;font-size:10px;display:block;overflow-x:auto}.vulnx2-terminal{background:#030303;border:1px solid #27272a;border-radius:12px;margin-top:20px;overflow:hidden}.vulnx2-terminal-top{background:#18181b;align-items:center;gap:10px;height:40px;padding:0 13px;display:flex}.vulnx2-terminal-dots{gap:6px;display:flex}.vulnx2-terminal-dots i{background:#71717a;border-radius:50%;width:9px;height:9px;display:block}.vulnx2-terminal-top span{color:#71717a;flex:1;font-family:monospace;font-size:11px}.vulnx2-terminal-top button{color:#c4b5fd;cursor:pointer;background:#7c3aed1f;border:0;border-radius:5px;padding:5px 8px;font-size:10px}.vulnx2-terminal pre{color:#d4d4d8;margin:0;padding:20px;font-family:Courier New,monospace;font-size:12px;line-height:1.9;overflow-x:auto}.vulnx2-notes{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.vulnx2-notes div{border:1px solid #ffffff0f;border-radius:10px;padding:15px}.vulnx2-notes strong{color:#c4b5fd;font-size:13px}.vulnx2-notes p{color:#71717a;margin-bottom:0;font-size:12px;line-height:1.6}.vulnx2-collapse{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;display:flex}.vulnx2-collapse>div{align-items:center;gap:10px;display:flex}.vulnx2-collapse>div span{font-size:17px}.vulnx2-collapse>span{color:#71717a;font-size:20px}.vulnx2-hint-content{background:#a855f712;border-radius:9px;margin-top:17px;padding:15px}.vulnx2-hint-content div{color:#fbbf24;font-size:11px;font-weight:700}.vulnx2-hint-content p{color:#a1a1aa;margin-bottom:0;line-height:1.6}.vulnx2-source{color:#a1a1aa;margin-top:18px}.vulnx2-source li{color:#a1a1aa;margin:7px 0;font-family:monospace}.vulnx2-flag-input{background:#09090b;border:1px solid #3f3f46;border-radius:10px;align-items:center;gap:10px;margin-top:20px;padding:0 14px;display:flex}.vulnx2-flag-input input{color:#fff;background:0 0;border:0;outline:none;width:100%;padding:16px 4px;font-family:monospace}.vulnx2-submit-button{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:9px;width:100%;margin-top:12px;padding:14px;font-weight:800}.vulnx2-submit-button:disabled{opacity:.55;cursor:not-allowed}.vulnx2-message{color:#fca5a5;background:#ef444412;border-radius:8px;gap:9px;margin-top:12px;padding:11px;font-size:12px;display:flex}.vulnx2-message span{font-weight:900}.vulnx2-result{background:#22c55e12;border-radius:8px;margin-top:12px;padding:12px}.vulnx2-result small{color:#71717a;font-size:9px;display:block}.vulnx2-result strong{color:#86efac}.vulnx2-response-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.vulnx2-response-grid>div{background:#09090b;border:1px solid #27272a;border-radius:9px;min-width:0;padding:14px}.vulnx2-response-grid span{color:#71717a;font-size:9px;font-weight:800}.vulnx2-response-grid pre{color:#a1a1aa;margin-bottom:0;font-size:10px;overflow:auto}.vulnx2-flag-reveal{text-align:center;background:#22c55e12;border:1px solid #22c55e4d;border-radius:12px;margin-bottom:18px;padding:20px}.vulnx2-flag-reveal span{color:#4ade80;letter-spacing:1.4px;font-size:10px;font-weight:800;display:block}.vulnx2-flag-reveal code{color:#c4b5fd;word-break:break-all;margin-top:9px;font-family:monospace;display:block}.vulnx2-success-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.vulnx2-success-modal{text-align:center;background:#11111b;border:1px solid #a855f759;border-radius:20px;width:min(520px,100%);padding:35px;box-shadow:0 30px 100px #0009}.vulnx2-success-icon{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e59;border-radius:50%;place-items:center;width:72px;height:72px;margin:auto;font-size:38px;font-weight:900;display:grid}.vulnx2-success-label{color:#4ade80;letter-spacing:2px;margin-top:18px;font-size:10px;font-weight:800}.vulnx2-success-modal h2{margin:10px 0;font-size:30px}.vulnx2-success-modal>p{color:#a1a1aa;line-height:1.6}.vulnx2-earned{margin-top:20px}.vulnx2-earned span,.vulnx2-modal-flag span{color:#71717a;letter-spacing:1.5px;font-size:9px;display:block}.vulnx2-earned strong{color:#fbbf24;margin-top:5px;font-size:21px;display:block}.vulnx2-modal-flag{background:#09090b;border:1px solid #27272a;border-radius:9px;margin-top:17px;padding:15px}.vulnx2-modal-flag code{color:#c4b5fd;word-break:break-all;margin-top:8px;display:block}.vulnx2-modal-actions{gap:10px;margin-top:25px;display:flex}.vulnx2-modal-actions button{cursor:pointer;border:0;border-radius:9px;flex:1;padding:12px;font-weight:700}.vulnx2-close-modal{color:#fff;background:#27272a}.vulnx2-next-modal{color:#fff;background:#7c3aed}.vulnx2-experience-section{max-width:1200px;margin:0 auto;padding:40px 25px 100px}.vulnx2-community-header{justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px;display:flex}.vulnx2-community-title{align-items:center;gap:15px;display:flex}.vulnx2-community-icon{background:#7c3aed1a;border:1px solid #a855f733;border-radius:14px;place-items:center;width:55px;height:55px;font-size:23px;display:grid}.vulnx2-community-title span{color:#a855f7;letter-spacing:1.5px;font-size:9px;font-weight:800}.vulnx2-community-title h3{margin:4px 0;font-size:23px}.vulnx2-community-title p{color:#71717a;margin:0;font-size:12px}.vulnx2-community-stats{align-items:center;gap:20px;display:flex}.vulnx2-community-stats div:not(.vulnx2-stat-line){text-align:center}.vulnx2-community-stats strong{color:#c4b5fd;font-size:20px;display:block}.vulnx2-community-stats span{color:#71717a;font-size:9px}.vulnx2-stat-line{background:#27272a;width:1px;height:30px}.vulnx2-review-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.vulnx2-review-card{background:#ffffff08;border:1px solid #a855f721;border-radius:14px;padding:20px}.vulnx2-review-top{justify-content:space-between;display:flex}.vulnx2-review-user{align-items:center;gap:10px;display:flex}.vulnx2-avatar{color:#c4b5fd;background:#7c3aed29;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.vulnx2-review-user strong{font-size:12px;display:block}.vulnx2-review-user span{color:#4ade80;margin-top:3px;font-size:9px;display:block}.vulnx2-quote{color:#7c3aed;font-size:30px}.vulnx2-stars{color:#fbbf24;letter-spacing:2px;margin-top:15px;font-size:12px}.vulnx2-review-message{color:#a1a1aa;min-height:45px;margin-top:10px;font-size:12px;line-height:1.6}.vulnx2-review-footer{color:#52525b;border-top:1px solid #ffffff0f;justify-content:space-between;gap:8px;margin-top:13px;padding-top:13px;font-size:9px;display:flex}.vulnx2-empty-reviews{text-align:center;border:1px dashed #27272a;border-radius:15px;padding:50px 20px}.vulnx2-empty-reviews div{font-size:30px}.vulnx2-empty-reviews strong{margin-top:10px;display:block}.vulnx2-empty-reviews span{color:#71717a;margin-top:6px;font-size:12px;display:block}.vulnx2-feedback-card{background:radial-gradient(circle at 100% 0,#7c3aed1f,#0000 35%),#ffffff08;border:1px solid #a855f733;border-radius:18px;margin-top:20px;padding:30px;position:relative;overflow:hidden}.vulnx2-feedback-title{align-items:center;gap:14px;display:flex}.vulnx2-feedback-title>div{color:#c4b5fd;background:#7c3aed26;border-radius:11px;place-items:center;width:45px;height:45px;display:grid}.vulnx2-feedback-title section>span{color:#a855f7;letter-spacing:1.5px;font-size:9px;font-weight:800;display:block}.vulnx2-feedback-title strong{margin-top:3px;display:block}.vulnx2-feedback-title p{color:#71717a;margin:4px 0 0;font-size:11px}.vulnx2-feedback-fields{grid-template-columns:.8fr 1.5fr;gap:15px;margin-top:25px;display:grid}.vulnx2-feedback-field label{color:#a1a1aa;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.vulnx2-name-input,.vulnx2-message-input{background:#09090b;border:1px solid #27272a;border-radius:9px;align-items:flex-start;gap:8px;display:flex}.vulnx2-name-input{align-items:center}.vulnx2-name-input span,.vulnx2-message-input>span{color:#71717a;padding:12px}.vulnx2-name-input input{color:#fff;background:0 0;border:0;outline:none;width:100%;padding:12px 8px}.vulnx2-message-label{justify-content:space-between;display:flex}.vulnx2-message-label span{color:#52525b;font-size:9px}.vulnx2-message-input textarea{resize:vertical;color:#fff;background:0 0;border:0;outline:none;flex:1;min-height:80px;padding:12px;font-family:inherit;font-size:12px}.vulnx2-quick-feedback{flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;display:flex}.vulnx2-quick-feedback>span{color:#71717a;font-size:10px}.vulnx2-quick-feedback button{color:#a1a1aa;cursor:pointer;background:#111114;border:1px solid #27272a;border-radius:7px;padding:7px 9px;font-size:10px}.vulnx2-publish{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;margin-top:18px;padding:13px 16px;display:flex}.vulnx2-publish strong{text-align:left;flex:1}.vulnx2-publish:disabled{opacity:.45;cursor:not-allowed}.vulnx2-feedback-footer{color:#52525b;gap:8px;margin-top:13px;font-size:9px;display:flex}@media (width<=900px){.vulnx2-layout{grid-template-columns:1fr}.vulnx2-sidebar{grid-template-columns:1fr 1fr;display:grid}.vulnx2-reset{grid-column:1/-1}.vulnx2-review-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.vulnx2-hero{padding:30px 14px}.vulnx2-hero-content{padding:25px}.vulnx2-hero h1{font-size:40px}.vulnx2-layout{padding:0 14px 50px}.vulnx2-sidebar{grid-template-columns:1fr}.vulnx2-challenge-top{flex-direction:column}.vulnx2-points{width:100%}.vulnx2-start-card{flex-direction:column;align-items:flex-start}.vulnx2-start-actions{flex-direction:column}.vulnx2-start-actions button{width:100%}.vulnx2-methodology,.vulnx2-notes,.vulnx2-response-grid{grid-template-columns:1fr}.vulnx2-apk-box{flex-wrap:wrap}.vulnx2-apk-box button{width:100%}.vulnx2-community-header{flex-direction:column;align-items:flex-start}.vulnx2-review-grid,.vulnx2-feedback-fields{grid-template-columns:1fr}.vulnx2-modal-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.aws-lab-page *,.aws-lab-page :before,.aws-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.aws-hero{width:min(100% - 28px,1240px);padding-top:42px}.aws-hero h1{letter-spacing:-3px;font-size:clamp(42px,13vw,68px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.aws-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.aws-lab-page *,.aws-lab-page :before,.aws-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.aws-hero{width:min(100% - 28px,1240px);padding-top:42px}.aws-hero h1{letter-spacing:-3px;font-size:clamp(42px,13vw,68px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.aws-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.aws-lab-page,.aws-lab-page *{box-sizing:border-box}.aws-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.aws-lab-page button,.aws-lab-page input,.aws-lab-page textarea{font:inherit}.aws-lab-page button{-webkit-tap-highlight-color:transparent}.aws-lab-page ::selection{color:#fff;background:#a855f74d}.aws-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.aws-hero h1{color:var(--white);letter-spacing:-4.5px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(48px,7.5vw,88px);font-weight:900;line-height:.88}.aws-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:6px;display:block}.aws-hero>p{width:min(720px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.request-response-card .rr-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.rr-box{border:1px solid var(--border);background:#030205;border-radius:12px;overflow:hidden}.rr-label{border-bottom:1px solid var(--border);color:var(--purple-4);letter-spacing:1.2px;background:#0b0610;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.rr-box pre{color:#ddd2e7;white-space:pre-wrap;word-break:break-all;max-height:280px;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto}.aws-lab-page button:focus-visible,.aws-lab-page input:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.aws-lab-page *,.aws-lab-page :before,.aws-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=800px){.request-response-card .rr-grid{grid-template-columns:1fr}}@media (width<=700px){.aws-hero{width:min(100% - 28px,1240px);padding-top:42px}.aws-hero h1{letter-spacing:-3px;font-size:clamp(42px,13vw,68px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.aws-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}.target-form textarea{color:#201b24;resize:vertical;background:#fff;border:1px solid #d8d2dd;border-radius:10px;outline:none;flex:1;min-width:0;min-height:110px;padding:14px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.target-form textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}@keyframes typing{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{order:2}.lab-content{order:1}.challenge-list{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=650px){.customer-container{width:min(100% - 24px,1200px);padding-top:30px}.customer-hero h1{font-size:42px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{border-bottom:1px solid #2c1744}.stat-card:nth-child(2){border-right:none}.content-heading{flex-direction:column}.reward-card{width:110px}.chat-screen{padding:20px}.chat-input-area{grid-template-columns:1fr}.chat-input-area button{min-height:48px}.challenge-list{grid-template-columns:1fr}.api-card{padding:30px 22px}}@keyframes flagIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}@keyframes flagOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes flagModalIn{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes flagPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{order:2}.lab-content{order:1}.challenge-list{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=650px){.customer-container{width:min(100% - 24px,1200px);padding-top:30px}.customer-hero h1{font-size:42px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{border-bottom:1px solid #2c1744}.stat-card:nth-child(2){border-right:none}.content-heading{flex-direction:column}.reward-card{width:110px}.chat-screen{padding:20px}.chat-input-area{grid-template-columns:1fr}.chat-input-area button{min-height:48px}.challenge-list{grid-template-columns:1fr}.api-card{padding:30px 22px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{order:2}.lab-content{order:1}.challenge-list{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=650px){.customer-container{width:min(100% - 24px,1200px);padding-top:30px}.customer-hero h1{font-size:42px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{border-bottom:1px solid #2c1744}.stat-card:nth-child(2){border-right:none}.content-heading{flex-direction:column}.reward-card{width:110px}.chat-screen{padding:20px}.chat-input-area{grid-template-columns:1fr}.chat-input-area button{min-height:48px}.challenge-list{grid-template-columns:1fr}.api-card{padding:30px 22px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{order:2}.lab-content{order:1}.challenge-list{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=650px){.customer-container{width:min(100% - 24px,1200px);padding-top:30px}.customer-hero h1{font-size:42px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{border-bottom:1px solid #2c1744}.stat-card:nth-child(2){border-right:none}.content-heading{flex-direction:column}.reward-card{width:110px}.chat-screen{padding:20px}.chat-input-area{grid-template-columns:1fr}.chat-input-area button{min-height:48px}.challenge-list{grid-template-columns:1fr}.api-card{padding:30px 22px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{order:2}.lab-content{order:1}.challenge-list{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=650px){.customer-container{width:min(100% - 24px,1200px);padding-top:30px}.customer-hero h1{font-size:42px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{border-bottom:1px solid #2c1744}.stat-card:nth-child(2){border-right:none}.content-heading{flex-direction:column}.reward-card{width:110px}.chat-screen{padding:20px}.chat-input-area{grid-template-columns:1fr}.chat-input-area button{min-height:48px}.challenge-list{grid-template-columns:1fr}.api-card{padding:30px 22px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}*{box-sizing:border-box}.customer-page{color:#fff;background:#050509;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.api-page{background:radial-gradient(circle at 50% 40%,#7d2bff1f,#0000 40%),#050509;justify-content:center;align-items:center;min-height:calc(100vh - 75px);padding:60px 20px;display:flex}.api-card{text-align:center;background:linear-gradient(145deg,#10081a,#08060d);border:1px solid #32115a;border-radius:22px;width:100%;max-width:520px;padding:46px;box-shadow:0 0 50px #7c28ff14}.api-icon{margin-bottom:20px;font-size:45px}.api-kicker{color:#a855f7;letter-spacing:3px;margin-bottom:12px;font-size:11px;font-weight:800}.api-card h1{margin:0 0 15px;font-size:32px}.api-card p{color:#9d96a8;font-size:14px;line-height:1.7}.api-help{color:#aaa3b4;margin:18px 0 25px;font-size:13px}.api-help a{color:#b66cff;font-weight:700}.api-input{color:#fff;background:#08060d;border:1px solid #3b195d;border-radius:10px;outline:none;width:100%;height:52px;padding:0 17px;font-size:14px}.api-input:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1f}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7c3aed,#a855f7);border:0;border-radius:10px;width:100%;height:52px;margin-top:14px;font-weight:800;transition:all .2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9333ea4d}.primary-btn span{margin-left:10px}.api-note{color:#777080;margin-top:20px;font-size:11px}.customer-container{width:min(1200px,100% - 40px);margin:auto;padding:55px 0 80px}.customer-hero{text-align:center;margin-bottom:40px}.hero-kicker{color:#a855f7;letter-spacing:4px;margin-bottom:12px;font-size:11px;font-weight:800}.customer-hero h1{letter-spacing:-3px;margin:0;font-size:clamp(42px,6vw,70px);font-weight:900;line-height:.95}.customer-hero h1 span{color:#a855f7;text-shadow:0 0 35px #a855f759;display:block}.customer-hero>p{color:#8e8799;max-width:700px;margin:22px auto;font-size:14px;line-height:1.7}.stats-grid{background:#09060e;border:1px solid #2c1744;border-radius:15px;grid-template-columns:repeat(4,1fr);max-width:700px;margin:30px auto;display:grid;overflow:hidden}.stat-card{border-right:1px solid #2c1744;flex-direction:column;justify-content:center;align-items:center;min-height:78px;display:flex}.stat-card:last-child{border-right:none}.stat-card strong{color:#fff;font-size:22px}.stat-card span{color:#746b7e;letter-spacing:1.5px;margin-top:5px;font-size:9px;font-weight:800}.time-card strong{color:#c084fc;font-family:monospace;font-size:20px}.progress-wrapper{max-width:700px;margin:auto}.progress-header{color:#766e80;letter-spacing:1px;justify-content:space-between;margin-bottom:9px;font-size:10px;font-weight:800;display:flex}.progress-header strong{color:#b46cff}.progress-track{background:#18121e;border-radius:20px;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7c3aed,#c084fc);height:100%;transition:width .4s;box-shadow:0 0 15px #a855f780}.lab-layout{grid-template-columns:280px 1fr;align-items:start;gap:22px;display:grid}.lab-sidebar{flex-direction:column;gap:14px;display:flex}.sidebar-card{background:linear-gradient(145deg,#0d0715,#08060d);border:1px solid #301449;border-radius:15px;padding:15px}.sidebar-title{color:#82788e;letter-spacing:2px;margin-bottom:13px;font-size:9px;font-weight:900}.sidebar-title span{color:#82788e;margin-top:3px;display:block}.challenge-list{flex-direction:column;gap:7px;display:flex}.challenge-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:38px 1fr 20px;align-items:center;gap:8px;width:100%;min-height:62px;padding:7px;display:grid}.challenge-item:hover{background:#140b1e;border-color:#321451}.challenge-item.active{background:linear-gradient(90deg,#21102f,#11091a);border-color:#923cff;box-shadow:inset 3px 0 #a855f7}.challenge-item.solved{border-color:#3d1b5a}.challenge-number{color:#b66cff;border:1px solid #48216c;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:flex}.challenge-info{min-width:0}.challenge-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.challenge-info small{color:#756b80;letter-spacing:.5px;margin-top:4px;font-size:8px;display:block}.challenge-status{color:#b46cff;font-size:12px}.status-card{box-sizing:border-box;width:100%;max-width:320px}.status-row{border-bottom:1px solid #201127;justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.status-row span{color:#746b7e}.status-row strong{color:#fff}.connection-status{color:#fff;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.online-dot{background:#a855f7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #a855f7}.disconnect-btn,.reset-btn{cursor:pointer;border-radius:8px;width:100%;height:38px;font-size:10px;font-weight:700}.disconnect-btn{color:#968b9f;background:0 0;border:1px solid #391752}.disconnect-btn:hover{color:#fff;border-color:#a855f7}.reset-btn{color:#8c8295;background:#0d0715;border:1px solid #301449}.reset-btn:hover{color:#fff;border-color:#8b3dca}.lab-content{min-width:0}.content-heading{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.content-kicker{color:#b46cff;letter-spacing:2px;margin-bottom:8px;font-size:9px;font-weight:900}.content-heading h2{letter-spacing:-1px;margin:0;font-size:32px}.content-heading p{color:#857b8e;margin-top:8px;font-size:13px;line-height:1.6}.reward-card{text-align:center;background:#0c0712;border:1px solid #351653;border-radius:13px;min-width:100px;height:78px;padding:13px}.reward-card span{color:#73687d;letter-spacing:1px;font-size:8px;font-weight:800;display:block}.reward-card strong{color:#c084fc;font-size:21px}.reward-card small{color:#8b8191;font-size:8px}.mission-card{background:#0b0710;border:1px solid #351750;border-left:3px solid #a855f7;border-radius:14px;margin-bottom:18px;padding:18px}.mission-header{align-items:center;gap:12px;display:flex}.mission-icon{background:#140a1d;border:1px solid #512177;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mission-header h3{margin:0;font-size:14px}.mission-header span{color:#71687a;font-size:9px}.mission-body{background:#100817;border:1px solid #3a1956;border-radius:10px;margin-top:14px;padding:15px}.mission-body strong{color:#c084fc;font-size:10px}.mission-body p{color:#b7afbe;margin:7px 0 0;font-size:12px;line-height:1.6}.chat-card{background:#0a060e;border:1px solid #351750;border-radius:15px;overflow:hidden}.chat-header{border-bottom:1px solid #24102f;align-items:center;gap:12px;min-height:72px;padding:15px 18px;display:flex}.chat-title-icon{background:#140a1d;border:1px solid #512177;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.chat-header h3{margin:0;font-size:14px}.chat-header span{color:#71687a;font-size:9px}.live-indicator{align-items:center;gap:6px;margin-left:auto;font-weight:800;display:flex;color:#a855f7!important;font-size:9px!important}.live-indicator>span{background:#a855f7;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #a855f7}.browser-window{background:#fff;border:1px solid #271235;border-radius:10px;margin:0 10px 10px;overflow:hidden}.browser-bar{background:#09070c;border-bottom:1px solid #201125;grid-template-columns:70px 1fr 35px;align-items:center;gap:10px;height:42px;padding:0 12px;display:grid}.browser-dots span{background:#746a7b;border-radius:50%;width:8px;height:8px}.browser-url{color:#777080;border:1px solid #2d173e;border-radius:6px;align-items:center;height:26px;padding:0 12px;font-family:monospace;font-size:9px;display:flex}.browser-refresh{color:#756a7d;text-align:center}.chat-screen{color:#18131e;background:#fff;min-height:500px;padding:32px}.chat-brand{color:#6d28d9;letter-spacing:2px;margin-bottom:25px;font-size:10px;font-weight:900}.chat-screen>h3{color:#17121c;margin:0;font-size:24px}.chat-description{color:#756d7c;margin-top:8px;font-size:12px}.conversation{min-height:180px;max-height:310px;margin-top:25px;padding-right:8px;overflow-y:auto}.conversation::-webkit-scrollbar{width:5px}.conversation::-webkit-scrollbar-track{background:#f2f0f4}.conversation::-webkit-scrollbar-thumb{background:#9b55e8;border-radius:20px}.message-row{margin-bottom:13px;display:flex}.user-row{justify-content:flex-end}.bot-row{justify-content:flex-start}.message{border:1px solid #e3dfe8;border-radius:10px;max-width:78%;padding:13px 15px}.bot-message{background:#f7f5f8}.user-message{color:#fff;background:#7c3aed;border-color:#7c3aed}.success-message{background:#f6efff;border-color:#a855f7}.error-message{background:#faf7fc;border-color:#d8c4e8}.message-label{letter-spacing:1px;opacity:.65;margin-bottom:5px;font-size:8px;font-weight:900}.message-text{white-space:pre-wrap;font-size:12px;line-height:1.6}.typing{gap:4px;padding:5px 0;display:flex}.typing span{background:#7c3aed;border-radius:50%;width:6px;height:6px;animation:1s infinite typing}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.chat-input-area{grid-template-columns:1fr 120px;gap:10px;margin-top:20px;display:grid}.chat-input-area textarea{resize:vertical;color:#19131f;background:#fff;border:1px solid #d7d1dc;border-radius:9px;outline:none;min-height:85px;padding:14px;font-family:inherit;font-size:12px}.chat-input-area textarea:focus{border-color:#8b3dca;box-shadow:0 0 0 3px #8b3dca1a}.chat-input-area textarea::placeholder{color:#aaa2af}.chat-input-area button{color:#fff;cursor:pointer;background:#7027d9;border:none;border-radius:9px;font-weight:800;transition:all .2s}.chat-input-area button:hover:not(:disabled){background:#812fe8;transform:translateY(-2px)}.chat-input-area button:disabled{opacity:.5;cursor:not-allowed}.chat-input-area button span{margin-left:7px}.input-hint{color:#a098a7;margin-top:8px;font-size:9px}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{order:2}.lab-content{order:1}.challenge-list{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=650px){.customer-container{width:min(100% - 24px,1200px);padding-top:30px}.customer-hero h1{font-size:42px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{border-bottom:1px solid #2c1744}.stat-card:nth-child(2){border-right:none}.content-heading{flex-direction:column}.reward-card{width:110px}.chat-screen{padding:20px}.chat-input-area{grid-template-columns:1fr}.chat-input-area button{min-height:48px}.challenge-list{grid-template-columns:1fr}.api-card{padding:30px 22px}}.flag-reveal-box{background:#00d79714;border:1px solid #00d79759;border-radius:12px;margin-top:20px;padding:18px 20px;animation:.4s flagIn}.flag-label{color:#00d89b;letter-spacing:1.3px;margin-bottom:10px;font-size:12px;font-weight:700}.flag-value{color:#6ee7b7;word-break:break-all;font-family:monospace;font-size:15px;line-height:1.5;display:block}.review-card{background:linear-gradient(145deg,#12091df5,#09050ffa);border:1px solid #2c1740;border-radius:14px;margin-top:22px;padding:22px}.review-header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.review-icon{background:#170b24;border:1px solid #3b1c58;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.review-header h3{color:#e9e0f1;margin:0;font-size:15px}.review-header span{color:#7d7187;margin-top:3px;font-size:12px;display:block}.review-textarea{color:#e9d5ff;resize:vertical;background:#0c0818;border:1px solid #3a2050;border-radius:10px;outline:none;width:100%;min-height:120px;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.6}.review-textarea:focus{border-color:#a855f7}.review-textarea::placeholder{color:#6b5f78}.review-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7c3aed,#a855f7);border:none;border-radius:10px;margin-top:14px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .25s}.review-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59}.review-submitted{background:#00d7970f;border:1px solid #00d79740;border-radius:10px;padding:16px}.submitted-badge{color:#00d89b;margin-bottom:10px;font-size:13px;font-weight:700}.submitted-text{color:#c4b5fd;white-space:pre-wrap;font-size:14px;line-height:1.6}.submitted-date{color:#7c6a9e;margin-top:12px;font-size:12px}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}.flag-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;justify-content:center;align-items:center;animation:.25s ease-out flagOverlayIn;display:flex;position:fixed;inset:0}.flag-modal{text-align:center;background:#08080d;border:1px solid #7c3aed;border-radius:18px;width:min(90%,520px);padding:38px 32px 30px;animation:.3s cubic-bezier(.2,.8,.2,1) flagModalIn;position:relative;box-shadow:0 0 30px #7c3aed59,0 20px 70px #000000b3}.flag-modal-close{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:50%;width:34px;height:34px;font-size:28px;line-height:1;transition:all .2s;position:absolute;top:12px;right:16px}.flag-modal-close:hover{color:#fff;background:#181820}.flag-modal-icon{margin-bottom:12px;font-size:48px;animation:1.5s infinite flagPulse}.flag-modal-title{color:#a855f7;letter-spacing:2px;text-shadow:0 0 15px #a855f780;font-size:24px;font-weight:800}.flag-modal-subtitle{color:#a1a1aa;margin-top:8px;font-size:14px}.flag-value-box{background:#050507;border:1px solid #292935;border-radius:10px;margin:25px 0;padding:18px;overflow-x:auto}.flag-value-box code{color:#e9d5ff;word-break:break-all;font-family:Courier New,monospace;font-size:15px;font-weight:600}.flag-modal-ok{color:#fff;cursor:pointer;background:#7c3aed;border:1px solid #7c3aed;border-radius:9px;width:100%;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.flag-modal-ok:hover{background:#9333ea;transform:translateY(-1px);box-shadow:0 0 20px #7c3aed66}@media (prefers-reduced-motion:reduce){.xss-lab-page *,.xss-lab-page :before,.xss-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.sidebar-card:first-child .sidebar-title{margin-bottom:10px}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.lab-nav-item:last-child{margin-right:0}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=700px){.xss-hero{width:min(100% - 28px,1240px);padding-top:42px}.xss-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.xss-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.xss-lab-page *,.xss-lab-page :before,.xss-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.sidebar-card:first-child .sidebar-title{margin-bottom:10px}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.lab-nav-item:last-child{margin-right:0}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=700px){.xss-hero{width:min(100% - 28px,1240px);padding-top:42px}.xss-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.xss-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.xss-lab-page *,.xss-lab-page :before,.xss-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.sidebar-card:first-child .sidebar-title{margin-bottom:10px}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.lab-nav-item:last-child{margin-right:0}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=700px){.xss-hero{width:min(100% - 28px,1240px);padding-top:42px}.xss-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.xss-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.xss-lab-page *,.xss-lab-page :before,.xss-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.sidebar-card:first-child .sidebar-title{margin-bottom:10px}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.lab-nav-item:last-child{margin-right:0}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=700px){.xss-hero{width:min(100% - 28px,1240px);padding-top:42px}.xss-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.xss-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}:root{--bg:#050307;--bg-soft:#09050e;--panel:#0d0815;--panel-2:#120a1d;--panel-3:#160d22;--white:#fff;--white-soft:#f4eff9;--text:#d9d0e3;--muted:#8c8198;--muted-2:#655a70;--purple-1:#7c3aed;--purple-2:#9333ea;--purple-3:#a855f7;--purple-4:#c084fc;--border:#a855f733;--border-strong:#a855f76b;--purple-bg:#7c3aed1a;--purple-bg-2:#a855f729;--shadow:0 24px 70px #0000007a;--glow:0 0 35px #9333ea29;--radius-sm:10px;--radius:16px;--radius-lg:22px}.xss-lab-page,.xss-lab-page *{box-sizing:border-box}.xss-lab-page{background:radial-gradient(900px 500px at 50% -160px, #9333ea2e, transparent 65%), radial-gradient(600px 400px at 0% 35%, #7c3aed12, transparent 65%), var(--bg);min-height:100vh;color:var(--white-soft);padding-bottom:80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.xss-lab-page button,.xss-lab-page input{font:inherit}.xss-lab-page button{-webkit-tap-highlight-color:transparent}.xss-lab-page ::selection{color:#fff;background:#a855f74d}.xss-hero{text-align:center;width:min(1240px,100% - 40px);margin:0 auto;padding:58px 0 42px}.hero-badge{border:1px solid var(--border-strong);color:var(--purple-4);letter-spacing:1.6px;text-transform:uppercase;box-shadow:var(--glow);background:#7c3aed14;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;display:inline-flex}.hero-badge:before{content:"";background:var(--purple-3);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #a855f7cc}.xss-hero h1{color:var(--white);letter-spacing:-5px;text-transform:uppercase;text-shadow:0 0 45px #9333ea33;margin:25px 0 0;font-size:clamp(52px,8vw,96px);font-weight:900;line-height:.88}.xss-hero h1 span{color:var(--purple-3);text-shadow:0 0 35px #a855f74d;margin-top:5px;display:block}.xss-hero>p{width:min(680px,100%);color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.8}.hero-stats{border:1px solid var(--border);border-radius:var(--radius);width:min(680px,100%);box-shadow:var(--shadow);background:#09050eb8;grid-template-columns:repeat(4,minmax(110px,1fr));margin:36px auto 28px;display:grid;overflow:hidden}.hero-stats div{border-right:1px solid var(--border);flex-direction:column;justify-content:center;gap:5px;min-height:88px;display:flex}.hero-stats div:last-child{border-right:0}.hero-stats strong{color:var(--white);font-size:25px;font-weight:800;line-height:1}.hero-stats span{color:var(--muted-2);letter-spacing:1.3px;font-size:10px;font-weight:700}.main-progress{width:min(680px,100%);margin:0 auto}.progress-label{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;font-weight:600;display:flex}.progress-label strong{color:var(--purple-4);font-size:12px}.progress-track{background:#0a0610;border:1px solid #a855f729;border-radius:999px;height:10px;padding:2px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--purple-1), var(--purple-3), var(--purple-4));border-radius:999px;min-width:0;height:100%;transition:width .55s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 18px #a855f766}.lab-layout{grid-template-columns:255px minmax(0,1fr);align-items:start;gap:24px;width:min(1180px,100% - 40px);margin:0 auto;display:grid}.right-panel{display:none!important}.lab-sidebar{flex-direction:column;gap:14px;display:flex;position:sticky;top:88px}.sidebar-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#120a1dfa,#08050cfa);padding:16px;box-shadow:0 18px 45px #00000047}.sidebar-title{color:var(--muted);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:800}.lab-nav-item{width:100%;min-height:52px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;margin-bottom:6px;padding:9px;transition:background .2s,border-color .2s,transform .2s;display:flex}.lab-nav-item:last-child{margin-bottom:0}.lab-nav-item:hover:not(:disabled){border-color:var(--border);background:var(--purple-bg);color:var(--white);transform:translate(3px)}.lab-nav-item.active{border-color:var(--border-strong);color:var(--white);box-shadow:inset 3px 0 0 var(--purple-3);background:linear-gradient(90deg,#7c3aed33,#a855f70a)}.lab-nav-item.completed{color:var(--purple-4)}.lab-nav-item.locked{opacity:.4;cursor:not-allowed}.nav-number{border:1px solid var(--border);width:34px;height:34px;color:var(--purple-4);background:#0a0610;border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800;display:flex}.lab-nav-item.active .nav-number{border-color:var(--border-strong);background:var(--purple-bg-2);color:var(--white);box-shadow:0 0 18px #a855f726}.completed .nav-number{background:var(--purple-1);border-color:var(--purple-2);color:#fff}.nav-info{flex:1;min-width:0}.nav-info strong{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:1.25;display:block;overflow:hidden}.nav-info span{color:var(--muted-2);letter-spacing:.6px;margin-top:3px;font-size:9px;font-weight:600;display:block}.lock-icon{color:var(--muted-2);font-size:12px}.status-row{color:var(--muted);border-bottom:1px solid #a855f71a;justify-content:space-between;gap:12px;padding:11px 0;font-size:12px;display:flex}.status-row:last-child{border-bottom:0}.status-row strong{color:var(--white);font-size:12px}.reset-progress{border:1px solid var(--border);width:100%;color:var(--muted);cursor:pointer;background:#0b0610;border-radius:11px;padding:11px 14px;font-size:12px;font-weight:700;transition:all .2s}.reset-progress:hover{border-color:var(--border-strong);background:var(--purple-bg);color:var(--white)}.challenge-area{flex-direction:column;gap:16px;min-width:0;display:flex}.challenge-top{justify-content:space-between;align-items:flex-start;gap:22px;padding:3px 2px 8px;display:flex}.challenge-category{color:var(--purple-4);letter-spacing:1.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.challenge-top h2{color:var(--white);letter-spacing:-1.5px;margin:9px 0 7px;font-size:clamp(28px,4vw,40px);font-weight:850;line-height:1.05}.challenge-top p{max-width:720px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.challenge-points{border:1px solid var(--border);background:var(--panel);text-align:center;min-width:115px;box-shadow:var(--glow);border-radius:14px;padding:14px}.challenge-points span{color:var(--muted-2);letter-spacing:1.2px;font-size:9px;font-weight:800;display:block}.challenge-points strong{color:var(--purple-4);margin-top:5px;font-size:24px;font-weight:850;display:inline-block}.challenge-points small{color:var(--muted);font-size:10px;font-weight:700}.ctf-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#120a1dfa,#08050cfa);padding:22px;box-shadow:0 18px 50px #0000003d}.card-title{align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-icon{border:1px solid var(--border-strong);background:var(--purple-bg);width:40px;height:40px;color:var(--purple-4);border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.card-title h3{color:var(--white);margin:0;font-size:16px;font-weight:800}.card-title>div span{color:var(--muted-2);margin-top:3px;font-size:11px;display:block}.objective-card{position:relative;overflow:hidden}.objective-card:before{content:"";background:linear-gradient(180deg, var(--purple-2), var(--purple-4));width:3px;position:absolute;top:0;bottom:0;left:0}.objective-content{border:1px solid var(--border);background:#7c3aed0f;border-radius:13px;padding:17px 18px}.objective-content strong{color:var(--purple-4);letter-spacing:.4px;margin-bottom:7px;font-size:12px;display:block}.objective-content p{color:var(--text);margin:0;font-size:14px;line-height:1.7}.start-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0%, #9333ea2e, transparent 55%), var(--panel);text-align:center;box-shadow:var(--shadow), var(--glow);padding:55px 30px}.start-icon{border:1px solid var(--border-strong);background:var(--purple-bg-2);width:66px;height:66px;color:var(--purple-4);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:28px;display:flex;box-shadow:0 0 35px #a855f72e}.start-card h3{color:var(--white);margin:0 0 9px;font-size:24px;font-weight:850}.start-card p{width:min(560px,100%);color:var(--muted);margin:0 auto 25px;font-size:14px;line-height:1.75}.start-button,.next-button,.modal-next{background:linear-gradient(135deg, var(--purple-1), var(--purple-3));color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:0 22px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 12px 30px #7c3aed40}.start-button:hover,.next-button:hover,.modal-next:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 16px 38px #7c3aed57}.browser{background:#050306;border:1px solid #2b1a39;border-radius:15px;overflow:hidden;box-shadow:0 20px 55px #0000006b,0 0 30px #7c3aed0f}.browser-top{background:#0b0710;border-bottom:1px solid #251531;align-items:center;gap:13px;min-height:48px;padding:8px 12px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dots i{background:#665a6d;border-radius:50%;width:9px;height:9px;display:block}.browser-address{color:#766a80;text-overflow:ellipsis;white-space:nowrap;background:#07040a;border:1px solid #24132f;border-radius:8px;flex:1;min-width:0;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow:hidden}.browser-top>span{color:#766a80;font-size:15px}.browser-content{color:#211c26;background:#f8f7fa;min-height:390px;padding:38px}.target-brand{color:#5420a5;letter-spacing:1.7px;text-transform:uppercase;font-size:12px;font-weight:900}.target-brand span{color:#7c3aed}.browser-content>h3{color:#17131b;letter-spacing:-.6px;margin:24px 0 7px;font-size:25px;font-weight:850}.browser-content>p{color:#6d6573;margin:0;font-size:13px;line-height:1.6}.target-form{gap:10px;width:min(680px,100%);margin-top:24px;display:flex}.target-form input{color:#201b24;background:#fff;border:1px solid #d8d2dd;border-radius:10px;outline:none;flex:1;min-width:0;min-height:46px;padding:0 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.target-form input::placeholder{color:#99919f}.target-form input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a}.target-form button{color:#fff;cursor:pointer;background:#6d28d9;border:0;border-radius:10px;min-height:46px;padding:0 20px;font-size:13px;font-weight:800;transition:all .2s}.target-form button:hover{background:#7c3aed;transform:translateY(-1px)}.target-result{color:#211c26;overflow-wrap:anywhere;background:#fff;border:1px solid #ddd7e1;border-radius:11px;width:min(680px,100%);margin-top:20px;padding:16px;font-size:13px;line-height:1.6}.target-result small{color:#7c7181;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.comments{flex-direction:column;gap:10px;width:min(680px,100%);margin-top:20px;display:flex}.no-comments{color:#887e8d;border:1px dashed #d3cbd8;border-radius:10px;padding:16px;font-size:12px}.comment{background:#fff;border:1px solid #dfd8e3;border-radius:10px;padding:14px}.comment div{color:#6d28d9;font-size:11px;font-weight:800}.comment p{color:#38313d;margin:7px 0 0;font-size:13px;line-height:1.6}.profile-preview{background:#fff;border:1px solid #ddd7e1;border-radius:11px;width:min(680px,100%);margin-top:20px;padding:16px}.profile-preview>span{color:#7b7181;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.profile-preview input{border:1px solid #d5ced9;border-radius:8px;width:100%;min-height:42px;padding:0 12px}.challenge-message{border:1px solid var(--border);background:var(--purple-bg);color:var(--text);border-radius:12px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:13px;line-height:1.6;display:flex}.challenge-message span{border:1px solid var(--border-strong);background:var(--purple-bg-2);width:23px;height:23px;color:var(--purple-4);border-radius:50%;flex:0 0 23px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.collapsible-header{width:100%;min-height:40px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:15px;padding:0;display:flex}.collapsible-header>div{align-items:center;gap:11px;display:flex}.collapsible-header .card-icon{flex-basis:36px;width:36px;height:36px;font-size:13px}.collapsible-header strong{color:var(--white);font-size:14px;font-weight:800}.hint-content{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.hint-warning{color:var(--purple-4);margin-bottom:11px;font-size:11px;font-weight:700}.hint-content p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.source-container{border:1px solid var(--border);background:#030205;border-radius:12px;margin-top:18px;overflow:hidden}.source-toolbar{border-bottom:1px solid var(--border);color:var(--muted);background:#0b0610;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.source-toolbar button{border:1px solid var(--border-strong);background:var(--purple-bg);color:var(--purple-4);cursor:pointer;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:700}.source-toolbar button:hover{background:var(--purple-bg-2);color:#fff}.source-container pre{color:#ddd2e7;white-space:pre-wrap;tab-size:2;max-height:430px;margin:0;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.75;overflow:auto}.flag-reveal{border:1px solid var(--border-strong);box-shadow:var(--glow);background:linear-gradient(135deg,#7c3aed24,#a855f70a);border-radius:13px;flex-direction:column;gap:9px;padding:18px;display:flex}.flag-reveal span{color:var(--purple-4);letter-spacing:1.3px;font-size:10px;font-weight:900}.flag-reveal code{color:var(--white);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700}.next-button{width:100%;min-height:54px;font-size:14px}.success-overlay{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030107db;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.success-modal{border:1px solid var(--border-strong);text-align:center;background:radial-gradient(circle at 50% 0,#9333ea33,#0000 55%),#0d0715;border-radius:24px;width:min(500px,100%);padding:36px;animation:.3s cubic-bezier(.2,.8,.2,1) modalIn;box-shadow:0 35px 100px #000000a6,0 0 70px #7c3aed29}.success-glow{border:1px solid var(--border-strong);background:var(--purple-bg-2);width:72px;height:72px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:30px;font-weight:900;display:flex;box-shadow:0 0 38px #a855f740}.success-label{color:var(--purple-4);letter-spacing:1.8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:900}.success-modal h2{color:var(--white);margin:10px 0 7px;font-size:28px;font-weight:850}.success-modal>p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.success-modal>p strong{color:var(--purple-4)}.earned-box{border:1px solid var(--border);background:var(--purple-bg);border-radius:12px;justify-content:center;align-items:center;gap:9px;margin:22px 0;padding:14px;display:flex}.earned-box span{color:var(--muted);letter-spacing:1px;font-size:10px;font-weight:800}.earned-box strong{color:var(--purple-4);font-size:20px}.modal-flag{border:1px solid var(--border-strong);text-align:left;background:#07040b;border-radius:12px;padding:15px}.modal-flag span{color:var(--purple-4);letter-spacing:1.2px;margin-bottom:7px;font-size:9px;font-weight:900;display:block}.modal-flag code{color:var(--white);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;line-height:1.6}.modal-actions{gap:10px;margin-top:22px;display:flex}.close-modal,.modal-next{border-radius:11px;flex:1;min-height:46px;padding:0 14px;font-size:12px;font-weight:800}.close-modal{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#0b0610}.close-modal:hover{border-color:var(--border-strong);color:var(--white);background:var(--purple-bg)}.xss-lab-page button:focus-visible,.xss-lab-page input:focus-visible{outline:2px solid var(--purple-3);outline-offset:3px}@media (prefers-reduced-motion:reduce){.xss-lab-page *,.xss-lab-page :before,.xss-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}.sidebar-card:first-child{overflow-x:auto}.sidebar-card:first-child .sidebar-title{margin-bottom:10px}.lab-nav-item{width:auto;min-width:190px;margin:0 6px 0 0;display:inline-flex}.lab-nav-item:last-child{margin-right:0}.challenge-top{flex-direction:column}.challenge-points{width:130px}}@media (width<=700px){.xss-hero{width:min(100% - 28px,1240px);padding-top:42px}.xss-hero h1{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.lab-layout{width:min(100% - 28px,1180px)}.ctf-card{padding:17px}.browser-content{padding:25px 20px}.target-form{flex-direction:column}.target-form button{width:100%}.modal-actions{flex-direction:column}}@media (width<=460px){.xss-hero>p{font-size:13px}.challenge-top h2{font-size:29px}.challenge-top p,.objective-content p,.start-card p{font-size:13px}.browser-content>h3{font-size:22px}.success-modal{padding:28px 20px}}.exp-section{flex-direction:column;gap:18px;width:min(1100px,100% - 32px);margin:45px auto 65px;display:flex}.exp-community-head{background:radial-gradient(circle at 5%,#7c3aed1f,#0000 35%),linear-gradient(145deg,#120a1df5,#09050ffa);border:1px solid #a855f738;border-radius:20px;justify-content:space-between;align-items:center;gap:25px;padding:22px 24px;display:flex;box-shadow:0 15px 45px #00000047}.exp-community-title{align-items:center;gap:14px;display:flex}.exp-community-icon{background:linear-gradient(135deg,#7c3aed38,#a855f712);border:1px solid #a855f761;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex;box-shadow:0 0 25px #7c3aed1f}.exp-kicker{color:#a855f7;letter-spacing:1.7px;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.exp-community-title h3{color:#fff;margin:0;font-size:20px;font-weight:800}.exp-community-title p{color:#756a80;margin:5px 0 0;font-size:11px}.exp-stats{align-items:center;gap:20px;display:flex}.exp-stat{text-align:center}.exp-stat strong{color:#eee6f5;font-size:18px;font-weight:800;display:block}.exp-stat span{color:#6e6278;text-transform:uppercase;letter-spacing:.8px;margin-top:2px;font-size:9px;display:block}.exp-stat-line{background:#a855f733;width:1px;height:30px}.exp-ticker-wrap{box-sizing:border-box;background:linear-gradient(145deg,#11091bfa,#08050efc);border:1px solid #a855f733;border-radius:20px;align-items:center;width:100%;min-height:190px;padding:20px 15px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff05}.exp-ticker{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.exp-ticker-track{gap:15px;width:max-content;animation:45s linear infinite expReviewScroll;display:flex}.exp-ticker-track:hover{animation-play-state:paused}.exp-card{box-sizing:border-box;background:linear-gradient(145deg,#1f1030f5,#0e0817fa);border:1px solid #a855f73b;border-radius:16px;flex:0 0 295px;min-height:145px;padding:17px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.exp-card:hover{border-color:#a855f794;transform:translateY(-4px);box-shadow:0 14px 35px #00000059,0 0 25px #7c3aed1a}.exp-card-top{justify-content:space-between;align-items:center;display:flex}.exp-user{align-items:center;gap:9px;display:flex}.exp-avatar{color:#fff;background:linear-gradient(135deg,#6d28d9,#a855f7);border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;font-size:13px;font-weight:900;display:flex;box-shadow:0 5px 15px #7c3aed33}.exp-user-info strong{color:#e8e0ee;font-size:12px;font-weight:750;display:block}.exp-user-info span{color:#6f647a;text-transform:uppercase;letter-spacing:.4px;margin-top:3px;font-size:8.5px;display:block}.exp-quote{color:#a855f759;font-family:Georgia,serif;font-size:40px;line-height:20px}.exp-stars{color:#f5b942;letter-spacing:2px;margin-top:10px;font-size:10px}.exp-card-msg{color:#bdb2c7;-webkit-box-orient:vertical;min-height:38px;margin-top:8px;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.exp-card-footer{color:#5e5468;text-transform:uppercase;letter-spacing:.45px;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:9px;font-size:8px;display:flex}.exp-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:145px;display:flex}.exp-empty-icon{opacity:.6;margin-bottom:7px;font-size:25px}.exp-empty strong{color:#cfc4d7;font-size:13px}.exp-empty span{color:#655b6e;margin-top:4px;font-size:10px}.exp-form-card{box-sizing:border-box;background:radial-gradient(circle at 95% 0,#a855f721,#0000 32%),linear-gradient(145deg,#150b22fc,#09050ffc);border:1px solid #a855f745;border-radius:22px;width:min(590px,100%);margin:12px auto 0;padding:28px;position:relative;overflow:hidden;box-shadow:0 22px 60px #0006}.exp-form-glow{filter:blur(70px);pointer-events:none;background:#a855f729;width:190px;height:190px;position:absolute;top:-100px;right:-80px}.exp-form-title{align-items:center;gap:13px;margin-bottom:23px;display:flex;position:relative}.exp-form-icon{color:#c084fc;background:#7c3aed21;border:1px solid #a855f766;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:19px;display:flex}.exp-form-kicker{color:#a855f7;letter-spacing:1.5px;margin-bottom:3px;font-size:8.5px;font-weight:800;display:block}.exp-form-title strong{color:#fff;font-size:19px;font-weight:800;display:block}.exp-form-title p{color:#71657b;margin:4px 0 0;font-size:10.5px}.exp-field{margin-bottom:17px}.exp-field label{color:#a99caf;margin-bottom:7px;font-size:10.5px;font-weight:700;display:block}.exp-input-wrap{position:relative}.exp-input-prefix{color:#9b4deb;z-index:2;font-size:14px;font-weight:800;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.exp-input.name{box-sizing:border-box;color:#eee8f4;background:#0b0712;border:1px solid #a855f736;border-radius:12px;outline:none;width:100%;height:47px;padding:0 14px 0 32px;font-family:inherit;font-size:12.5px;transition:border-color .2s,box-shadow .2s}.exp-input.name:focus,.exp-input.msg:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f717}.exp-input::placeholder{color:#51485c}.exp-message-label{justify-content:space-between;align-items:center;display:flex}.exp-message-label span{color:#655b6e;font-size:9px}.exp-msg-box{position:relative}.exp-input.msg{box-sizing:border-box;resize:vertical;color:#eee8f4;background:#0b0712;border:1px solid #a855f736;border-radius:12px;outline:none;width:100%;min-height:88px;padding:13px 38px 13px 14px;font-family:inherit;font-size:12.5px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.exp-msg-icon{color:#60486f;pointer-events:none;font-size:13px;position:absolute;top:12px;right:13px}.exp-quick{flex-wrap:wrap;align-items:center;gap:6px;margin:1px 0 18px;display:flex}.exp-quick>span{color:#655a6d;margin-right:3px;font-size:9px}.exp-quick button{color:#81758c;cursor:pointer;background:#7c3aed0f;border:1px solid #a855f729;border-radius:8px;padding:6px 9px;font-size:8.5px;transition:all .2s}.exp-quick button:hover{color:#c9bbd3;background:#7c3aed21;border-color:#a855f773;transform:translateY(-1px)}.exp-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d28d9,#9333ea,#a855f7);border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;font-family:inherit;font-size:12.5px;font-weight:800;transition:transform .2s,filter .2s,opacity .2s;display:flex;box-shadow:0 10px 28px #7c3aed38}.exp-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 14px 34px #7c3aed4d}.exp-submit:active:not(:disabled){transform:translateY(0)}.exp-submit:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.exp-submit-icon{font-size:13px}.exp-submit-arrow{font-size:16px;transition:transform .2s}.exp-submit:hover:not(:disabled) .exp-submit-arrow{transform:translate(4px)}.exp-form-footer{color:#514858;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:7px;margin-top:16px;padding-top:13px;font-size:8.5px;display:flex}@media (width<=700px){.exp-section{width:calc(100% - 20px);margin-top:32px}.exp-community-head{flex-direction:column;align-items:flex-start;padding:20px}.exp-stats{justify-content:flex-start;width:100%}.exp-ticker-wrap{min-height:175px;padding:15px 10px}.exp-card{flex-basis:270px;min-height:135px}.exp-form-card{border-radius:18px;padding:22px 17px}.exp-form-title strong{font-size:17px}}@media (width<=420px){.exp-community-title p{display:none}.exp-card{flex-basis:250px}.exp-quick button{font-size:8px}.exp-form-footer{text-align:center;flex-wrap:wrap}}
