:root{font-family:Space Grotesk,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#000;color:#fff}.app{width:100%;height:100vh;position:relative;overflow:hidden}.enter-portal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);z-index:10}.greeting-text{font-size:1.5rem;font-weight:500;margin-bottom:1rem;background:linear-gradient(90deg,#646cff,#ffe66d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;letter-spacing:.5px}.enter-portal h1{font-size:3.5rem;margin-bottom:2rem;background:linear-gradient(90deg,#646cff,#ff6b6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;line-height:1.2}.enter-portal>button{background:transparent;color:#fff;border:2px solid #646cff;border-radius:50px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden;z-index:1}.enter-portal>button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#646cff,#ff6b6b);z-index:-1;transition:transform .5s ease;transform:scaleX(0);transform-origin:right}.enter-portal>button:hover:before{transform:scaleX(1);transform-origin:left}.enter-portal>button:active{transform:scale(.95)}.quick-links{margin-top:3rem;text-align:center}.quick-links-title{color:#ffffffb3;font-size:1rem;margin-bottom:1.5rem;letter-spacing:.5px}.quick-links-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;max-width:700px}.quick-link-courses{border-color:#10b98166}.quick-link-courses:before{background:linear-gradient(135deg,#10b98133,#06b6d433)}.quick-link-courses:hover{border-color:#10b981b3;box-shadow:0 8px 25px #10b9814d}.quick-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(100,108,255,.3);border-radius:15px;color:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.quick-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#646cff33,#ff6b6b33);opacity:0;transition:opacity .3s ease}.quick-link:hover:before{opacity:1}.quick-link:hover{border-color:#646cff99;box-shadow:0 8px 25px #646cff4d}.quick-link-icon{width:1.5rem;height:1.5rem;position:relative;z-index:1}.quick-link-text{font-size:.85rem;font-weight:600;position:relative;z-index:1;white-space:nowrap}@media(max-width:768px){.greeting-text{font-size:1.2rem}.enter-portal h1{font-size:2.5rem}.quick-links-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:400px}.quick-link{padding:.75rem .5rem}.quick-link-icon{width:1.25rem;height:1.25rem}.quick-link-text{font-size:.75rem}}body,#root{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="8" stroke="%23646cff" stroke-width="2" fill="none"/><circle cx="12" cy="12" r="2" fill="%23ffe66d"/></svg>') 12 12,auto}.galaxy-container canvas{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="8" stroke="%23646cff" stroke-width="2" fill="none"/><circle cx="12" cy="12" r="2" fill="%23ffe66d"/></svg>') 12 12,auto}.galaxy-container canvas:hover{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><circle cx="14" cy="14" r="10" stroke="%23ffe66d" stroke-width="2.5" fill="none"/><circle cx="14" cy="14" r="3" fill="%23646cff"/><circle cx="14" cy="14" r="10" stroke="%23646cff" stroke-width="1" fill="none" opacity="0.5"/></svg>') 14 14,pointer}button,a,.clickable{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><circle cx="14" cy="14" r="10" stroke="%23ffe66d" stroke-width="2.5" fill="none"/><circle cx="14" cy="14" r="3" fill="%23646cff"/><circle cx="14" cy="14" r="10" stroke="%23646cff" stroke-width="1" fill="none" opacity="0.5"/></svg>') 14 14,pointer!important}.galaxy-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.galaxy-container.modal-open canvas{pointer-events:none}.galaxy-container.modal-open .scroll-indicator,.galaxy-container.modal-open .nav-dots{pointer-events:none}@media(max-width:768px){.enter-portal h1{font-size:2.5rem;padding:0 1rem}.enter-portal button{padding:.8rem 2rem;font-size:1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2563eb}.section-card{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:1rem 2rem;color:#fff;font-size:.9rem;font-weight:500;text-align:center;cursor:pointer;transition:all .3s ease;white-space:nowrap}.section-card:hover{background:#646cff4d;border-color:#646cff80;transform:scale(1.05)}.scroll-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;z-index:100;color:#fff;font-size:.9rem;animation:fadeInOut 2s ease-in-out infinite}.scroll-indicator p{margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px;font-weight:600}.scroll-progress{width:200px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,#646cff,#ff6b6b);transition:width .3s ease;border-radius:2px}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.nav-dots{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:100}.nav-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease;position:relative}.nav-dot:hover{background:#fff9;transform:scale(1.3)}.nav-dot.active{background:linear-gradient(135deg,#646cff,#ff6b6b);transform:scale(1.5);box-shadow:0 0 20px #646cffcc}.nav-dot:after{content:attr(title);position:absolute;right:25px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:.3rem .8rem;border-radius:5px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-dot:hover:after{opacity:1}.scroll-hint-desktop{display:flex;padding-bottom:10vh}.scroll-hint-mobile{display:none;padding-bottom:10vh}@media(max-width:768px){.scroll-hint-desktop{display:none}.scroll-hint-mobile{display:flex}}@media(min-width:769px)and (max-width:1024px)and (orientation:landscape){.scroll-hint-desktop{display:flex}.scroll-hint-mobile{display:none}}.back-to-top{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(100,108,255,.5);border-radius:50px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:100;box-shadow:0 4px 20px #646cff4d}.back-to-top:hover{background:#646cff33;border-color:#646cffcc;box-shadow:0 6px 30px #646cff80;transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}.back-to-top svg{flex-shrink:0}.back-to-top span{white-space:nowrap}@media(max-width:768px){.back-to-top{padding:.75rem;bottom:5rem;right:1.5rem}.back-to-top span{display:none}}.back-to-home{position:fixed;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(100,108,255,.5);border-radius:50px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:10000;box-shadow:0 4px 20px #646cff4d}.back-to-home:hover{background:#646cff33;border-color:#646cffcc;box-shadow:0 6px 30px #646cff80;transform:translate(-2px)}.back-to-home:active{transform:translate(0)}.back-to-home svg{flex-shrink:0}.back-to-home span{white-space:nowrap}@media(max-width:768px){.back-to-home{padding:.75rem;top:1.5rem;left:1.5rem}.back-to-home span{display:none}}.page-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:2rem;pointer-events:auto}.page-content{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid rgba(100,108,255,.3);border-radius:20px;padding:3rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.page-content-wide{max-width:1200px}.close-btn{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;color:#ffffffb3;width:40px;height:40px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10;padding:0}.close-btn:hover{color:#ff6b6b;transform:scale(1.1)}.close-btn svg{width:24px;height:24px}.page-header{margin-bottom:2rem}.page-header h1{font-size:2.5rem;background:linear-gradient(90deg,#646cff,#ff6b6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.header-line{height:3px;background:linear-gradient(90deg,#646cff,#ff6b6b,transparent);border-radius:2px}.page-body{color:#e2e8f0;line-height:1.8}.section-intro{font-size:1.1rem;color:#cbd5e1;margin-bottom:2rem;text-align:center}.profile-section{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;background:#646cff1a;border-radius:15px;border:1px solid rgba(100,108,255,.2)}.profile-image{flex-shrink:0}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#646cff,#ff6b6b);display:flex;align-items:center;justify-content:center;font-size:4rem;box-shadow:0 10px 30px #646cff4d;overflow:hidden}.avatar-placeholder img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .5s ease-in-out}.avatar-skeleton{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.profile-info h2{font-size:2rem;margin-bottom:.5rem;color:#fff}.profile-info .title{font-size:1.2rem;color:#646cff;margin-bottom:.5rem}.profile-info .location{color:#94a3b8}.bio-section{margin-bottom:2rem;padding:1.5rem;background:#ffffff0d;border-radius:10px}.bio-section h3{color:#646cff;margin-bottom:1rem;font-size:1.5rem}.bio-section p{margin-bottom:1rem;color:#cbd5e1}.skills-grid{margin-bottom:2rem}.skills-grid h3{color:#646cff;margin-bottom:1rem;font-size:1.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:1rem}.skill-tag{background:linear-gradient(135deg,#646cff33,#ff6b6b33);border:1px solid rgba(100,108,255,.4);padding:.5rem 1rem;border-radius:20px;color:#fff;font-weight:500;transition:all .3s ease}.skill-tag:hover{transform:translateY(-3px);box-shadow:0 5px 15px #646cff66}.interests-section h3{color:#646cff;margin-bottom:1rem;font-size:1.5rem}.interests-section ul{list-style:none;padding:0}.interests-section li{padding:.75rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:8px;border-left:3px solid #646cff;transition:all .3s ease}.interests-section li:hover{background:#646cff1a;transform:translate(10px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card{background:#ffffff0d;border:1px solid rgba(100,108,255,.2);border-radius:15px;padding:2rem;transition:all .3s ease;cursor:pointer}.project-card:hover{border-color:#646cff80;box-shadow:0 10px 30px #646cff4d}.project-icon{font-size:3rem;margin-bottom:1rem}.project-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.project-card p{color:#cbd5e1;margin-bottom:1rem;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-badge{background:#646cff33;border:1px solid rgba(100,108,255,.3);padding:.25rem .75rem;border-radius:12px;font-size:.85rem;color:#a5b4fc}.project-link{color:#646cff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.project-link:hover{color:#ff6b6b;transform:translate(5px)}.timeline-section{margin-bottom:3rem}.timeline-section h2{color:#646cff;font-size:2rem;margin-bottom:2rem}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#646cff,#ff6b6b)}.timeline-item{position:relative;margin-bottom:3rem}.timeline-marker{position:absolute;left:-2.5rem;top:0;width:12px;height:12px;background:#646cff;border-radius:50%;border:3px solid rgba(15,23,42,1);box-shadow:0 0 20px #646cff80}.timeline-content{background:#ffffff0d;border:1px solid rgba(100,108,255,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.timeline-content:hover{background:#646cff1a;border-color:#646cff66}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem}.timeline-header h3{color:#fff;font-size:1.3rem}.timeline-period{background:#646cff33;padding:.25rem .75rem;border-radius:12px;font-size:.9rem;color:#a5b4fc}.timeline-content h4{color:#ff6b6b;margin-bottom:.5rem}.timeline-location{color:#94a3b8;margin-bottom:1rem}.timeline-description{color:#cbd5e1;margin-bottom:1rem}.tech-stack{margin-top:1rem}.tech-stack-label{display:block;color:#94a3b8;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{display:inline-block;background:linear-gradient(135deg,#646cff33,#ff6b6b33);border:1px solid rgba(100,108,255,.4);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;transition:all .3s ease;cursor:default;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tech-tag:hover{background:linear-gradient(135deg,#646cff66,#ff6b6b66);border-color:#646cff99;box-shadow:0 4px 15px #646cff4d}.achievements-list{list-style:none;padding:0}.achievements-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#cbd5e1}.achievements-list li:before{content:"✓";position:absolute;left:0;color:#646cff;font-weight:700}.education-section h2{color:#646cff;font-size:2rem;margin-bottom:2rem}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.education-card{background:#ffffff0d;border:1px solid rgba(100,108,255,.2);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.education-card:hover{background:#646cff1a;transform:translateY(-5px);box-shadow:0 10px 30px #646cff4d}.education-icon{font-size:3rem;margin-bottom:1rem}.education-card h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.education-card h4{color:#646cff;margin-bottom:.5rem}.education-period{color:#94a3b8;margin-bottom:.5rem}.education-gpa{color:#cbd5e1;font-weight:600}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.contact-form-section h2,.contact-info-section h2{color:#646cff;font-size:1.8rem;margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#cbd5e1;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid rgba(100,108,255,.3);border-radius:8px;padding:.75rem;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#646cff;background:#646cff1a;box-shadow:0 0 20px #646cff33}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,#646cff,#ff6b6b);border:none;color:#fff;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.submit-btn:hover{box-shadow:0 10px 30px #646cff66}.success-message{background:#4ecdc433;border:2px solid rgba(78,205,196,.5);border-radius:12px;padding:2rem;text-align:center;color:#fff}.success-icon{display:block;font-size:3rem;color:#4ecdc4;margin-bottom:1rem}.social-links{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.social-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(100,108,255,.3);border-radius:12px;text-decoration:none;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#646cff33,#ff6b6b33);opacity:0;transition:opacity .3s ease}.social-link:hover:before{opacity:1}.social-link:hover{border-color:#646cff99;box-shadow:0 8px 25px #646cff4d}.social-icon{font-size:2rem;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.social-name{font-weight:600;position:relative;z-index:1}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.detail-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;border-left:3px solid #646cff}.detail-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;color:#646cff}.detail-item h4{color:#fff;margin-bottom:.25rem;font-size:1rem}.detail-item p{color:#cbd5e1;margin:0}@media(max-width:1024px){.contact-container,.projects-grid{grid-template-columns:1fr}}@media(max-width:768px){.page-overlay{padding:1rem}.page-content{padding:2rem 1.5rem}.page-header h1{font-size:2rem}.profile-section{flex-direction:column;text-align:center}.timeline{padding-left:1.5rem}.timeline-marker{left:-2rem}.education-grid,.social-links{grid-template-columns:1fr}}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.page-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#646cff,#ff6b6b);border-radius:4px}.page-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6b6b,#646cff)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem}.course-card{background:#ffffff0d;border:2px solid rgba(100,108,255,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.course-card:not(.coming-soon):hover{border-color:#646cff80;box-shadow:0 10px 40px #646cff4d}.course-card.coming-soon{opacity:.6}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.course-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px}.coming-soon-badge{background:#ff6b6b33;color:#ff6b6b;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-title{font-size:1.5rem;color:#fff;margin-bottom:.5rem;font-weight:700}.course-subtitle{color:#94a3b8;font-size:1rem;margin-bottom:1.5rem}.course-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:10px}.stat{display:flex;flex-direction:column;align-items:center;flex:1}.stat-value{font-size:1.1rem;font-weight:700;color:#646cff}.stat-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.course-level{margin-bottom:1.5rem}.level-badge{background:linear-gradient(135deg,#646cff33,#ff6b6b33);border:1px solid rgba(100,108,255,.3);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;color:#fff;font-weight:500}.view-course-btn{width:100%;background:linear-gradient(135deg,#646cff,#ff6b6b);border:none;color:#fff;padding:.875rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-course-btn:hover{box-shadow:0 8px 25px #646cff66}.page-content-full{max-width:1400px;width:100%;max-height:95vh}.course-nav-buttons{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.back-btn{display:flex;align-items:center;gap:.5rem;background:#646cff1a;border:1px solid rgba(100,108,255,.3);color:#a5b4fc;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#646cff33;color:#fff}.course-diagram{padding:1rem 0}.diagram-header{text-align:center;margin-bottom:2rem}.course-badge{display:inline-block;background:#1e293b;color:#fff;padding:6px 18px;border-radius:20px;font-size:13px;margin-bottom:12px;letter-spacing:1px}.diagram-title{font-size:2rem;font-weight:800;color:#fff;margin:0 0 8px;background:linear-gradient(90deg,#646cff,#ff6b6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.diagram-subtitle{color:#94a3b8;font-size:1rem;margin:0 0 1.5rem}.toggle-areas-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 20px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.toggle-areas-btn.active{background:#1e293b}.toggle-areas-btn:hover{border-color:#fff6}.areas-panel{max-width:1000px;margin:0 auto 2rem;background:#0f172ae6;border:2px solid rgba(100,108,255,.2);border-radius:20px;padding:1.5rem 2rem}.areas-title{text-align:center;color:#fff;margin:0 0 1.5rem;font-size:1.25rem;font-weight:800}.areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.area-card{background:#1e293bcc;border:1.5px solid;border-radius:12px;padding:14px 16px}.area-category{font-weight:800;font-size:13px;margin-bottom:10px}.area-item{font-size:12px;color:#e2e8f0;padding:3px 0;display:flex;align-items:center;gap:6px}.area-item span{font-weight:700}.tools-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:2rem}.tool-badge{background:#ffffff0d;border:1px solid rgba(100,108,255,.2);border-radius:10px;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:13px}.tool-icon{font-size:18px}.tool-name{font-weight:700;color:#fff}.tool-desc{color:#94a3b8;font-size:11px}.timeline-container{max-width:960px;margin:0 auto;position:relative}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#646cff,#7c3aed);transform:translate(-50%);border-radius:4px;z-index:0}.phase-row{display:flex;margin-bottom:2rem;position:relative;z-index:1}.phase-row.left{justify-content:flex-start}.phase-row.right{justify-content:flex-end}.phase-dot{position:absolute;left:50%;top:24px;width:22px;height:22px;border-radius:50%;transform:translate(-50%);border:3px solid rgba(15,23,42,.95);z-index:2}.phase-card{width:45%;background:#0f172af2;border:2px solid;border-radius:16px;padding:18px 20px;transition:all .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.phase-card.expanded{box-shadow:0 8px 30px #0003}.phase-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.phase-icon{font-size:24px}.phase-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.phase-title{font-size:17px;font-weight:800;color:#fff}.project-badge{background:#0000004d;border:1.5px solid;border-radius:10px;padding:8px 12px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.project-icon{font-size:20px}.project-name{font-weight:700;font-size:13px}.project-desc{font-size:11px;color:#94a3b8}.toggle-buttons{display:flex;gap:8px}.toggle-btn{flex:1;padding:6px 0;font-size:12px;font-weight:700;border-radius:8px;cursor:pointer;border:1.5px solid;transition:all .2s}.toggle-btn:hover{opacity:.9}.expanded-content{margin-top:12px;overflow:hidden}.content-label{font-size:12px;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.concepts-list,.features-list{margin:0;padding:0 0 0 16px;list-style:disc}.concepts-list li,.features-list li{font-size:12px;color:#cbd5e1;margin-bottom:4px}.difficulty-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:10px}.features-section,.components-section{margin-bottom:10px}.components-tags{display:flex;flex-wrap:wrap;gap:5px}.component-tag{border:1px solid;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.outcome-box{background:#0000004d;border:1px solid;border-radius:8px;padding:8px 12px}.outcome-label{font-size:11px;font-weight:700;color:#94a3b8;margin-bottom:3px}.outcome-text{font-size:12px;color:#cbd5e1;line-height:1.6}.diagram-footer{text-align:center;color:#94a3b8;font-size:13px;margin-top:1.5rem}.diagram-footer strong{color:#cbd5e1}@media(max-width:900px){.timeline-line{left:20px}.phase-row.left,.phase-row.right{justify-content:flex-end;padding-left:50px}.phase-card{width:100%}.phase-dot{left:20px}.diagram-title{font-size:1.5rem}.areas-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:768px){.diagram-header{padding-top:4rem}}@media(max-width:600px){.courses-grid{grid-template-columns:1fr}.diagram-header{padding-top:5rem}.course-stats{flex-wrap:wrap}.stat{min-width:80px}.tools-row{gap:6px}.tool-badge{padding:6px 10px}.toggle-buttons{flex-direction:column}.phase-row.left,.phase-row.right{padding-left:40px}.timeline-line{left:15px}.phase-dot{left:15px;width:18px;height:18px}}.ict-page{min-height:100vh;height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:2rem 1rem;overflow-y:auto;overflow-x:hidden;position:fixed;inset:0}.ict-container{max-width:900px;width:100%;margin:0 auto;padding-bottom:2rem}.ict-header{text-align:center;margin-bottom:3rem;padding-top:6rem}.ict-icon{font-size:4rem;margin-bottom:1rem;display:inline-block}.ict-title{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#646cff,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75rem}.ict-credentials{font-size:1.1rem;color:#cbd5e1;font-weight:600;margin:0 0 .25rem;letter-spacing:.3px}.ict-university{font-size:1rem;color:#94a3b8;font-weight:500;margin:0;font-style:italic}.ict-subtitle{font-size:1.2rem;color:#94a3b8;font-weight:500;margin-bottom:.5rem}.ict-subtitle-sinhala{font-size:1rem;color:#64748b;font-weight:400;font-family:Noto Sans Sinhala,sans-serif}.ict-content{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid rgba(100,108,255,.3);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.info-card:hover{border-color:#646cff80;box-shadow:0 10px 40px #646cff33;transform:translateY(-2px)}.info-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(100,108,255,.2)}.info-icon{font-size:2rem}.info-icon-svg{color:#646cff;flex-shrink:0}.info-header h2{font-size:1.5rem;color:#fff;font-weight:700;margin:0 0 .25rem}.header-sinhala{font-size:.95rem;color:#94a3b8;margin:0;font-weight:400;font-family:Noto Sans Sinhala,sans-serif}.info-body{color:#cbd5e1}.intro-card .info-body{padding:0}.intro-text{display:flex;flex-direction:column;gap:1rem}.intro-paragraph{font-size:1rem;line-height:1.8;color:#e2e8f0;margin:0;text-align:justify}.intro-paragraph-sinhala{font-size:.95rem;line-height:1.9;color:#cbd5e1;margin:0;text-align:justify;font-family:Noto Sans Sinhala,sans-serif;padding-top:.5rem;border-top:1px solid rgba(100,108,255,.15)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(100,108,255,.1)}.info-item:last-child{border-bottom:none}.info-item .label{font-weight:600;color:#94a3b8;font-size:.95rem}.label-sinhala{font-size:.85rem;color:#64748b;margin-left:.5rem;font-family:Noto Sans Sinhala,sans-serif}.info-item .value{font-weight:500;color:#fff;text-align:right;font-size:1rem}.class-selector{margin-bottom:2rem}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}.class-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.class-selector-mobile{margin-bottom:1.5rem}.mobile-selector-label{display:block;font-size:.9rem;font-weight:600;color:#cbd5e1;margin-bottom:.75rem}.custom-dropdown{display:flex;flex-direction:column;gap:.75rem}.dropdown-option{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid rgba(100,108,255,.4);border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #0000004d;position:relative;text-align:left}.dropdown-option:hover:not(:disabled){background:linear-gradient(135deg,#1e293bf2,#0f172a);border-color:#646cff99;transform:translate(4px);box-shadow:0 4px 18px #646cff4d}.dropdown-option.selected{background:linear-gradient(135deg,#646cff4d,#8b5cf64d);border-color:#646cff;box-shadow:0 4px 20px #646cff66,0 0 0 2px #646cff1a}.dropdown-option.selected:before{content:"✓";position:absolute;right:1rem;font-size:1.25rem;color:#646cff;font-weight:800}.dropdown-option.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#1e293b80,#0f172a99);border-color:#646cff33}.option-year{font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,#646cff,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;min-width:60px}.dropdown-option.disabled .option-year{background:linear-gradient(135deg,#94a3b8,#64748b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.option-details{flex:1;font-size:.95rem;font-weight:600;color:#e2e8f0}.dropdown-option.disabled .option-details{color:#94a3b8}.option-badge{font-size:.65rem;padding:.3rem .6rem;background:linear-gradient(135deg,#fb923c40,#ef444440);border:1px solid rgba(251,146,60,.5);border-radius:6px;color:#fb923c;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.class-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid rgba(100,108,255,.4);border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 4px 15px #0000004d}.class-tab:hover:not(:disabled){background:linear-gradient(135deg,#1e293bf2,#0f172a);border-color:#646cffb3;transform:translateY(-3px);box-shadow:0 8px 25px #646cff66}.class-tab.active{background:linear-gradient(135deg,#646cff59,#8b5cf659);border-color:#646cff;box-shadow:0 8px 30px #646cff80,0 0 0 3px #646cff1a;transform:scale(1.02)}.class-tab.coming-soon{opacity:.5;cursor:not-allowed}.tab-year{font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,#646cff,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(100,108,255,.3)}.tab-level{font-size:1rem;font-weight:800;color:#f1f5f9;letter-spacing:.5px}.tab-type{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.coming-soon-badge{font-size:.65rem;padding:.3rem .6rem;background:linear-gradient(135deg,#fb923c40,#ef444440);border:2px solid rgba(251,146,60,.6);border-radius:8px;color:#fb923c;font-weight:800;text-transform:uppercase;margin-top:.5rem;box-shadow:0 2px 8px #fb923c4d}.timetable-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.session-card{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid rgba(100,108,255,.4);border-radius:20px;padding:1.75rem;transition:all .3s ease;box-shadow:0 4px 20px #0006;position:relative;overflow:hidden}.session-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#646cff,#8b5cf6,#ec4899);opacity:.8}.session-card:hover{border-color:#646cffb3;box-shadow:0 12px 35px #646cff59;transform:translateY(-5px)}.session-card:hover:before{opacity:1}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(100,108,255,.2)}.session-day-wrapper{display:flex;flex-direction:column;gap:.25rem}.session-day{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:.3px}.session-day-sinhala{font-size:.9rem;font-weight:500;color:#94a3b8;font-family:Noto Sans Sinhala,sans-serif}.session-mode{font-size:.75rem;font-weight:700;padding:.35rem .75rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.session-mode.physical{background:linear-gradient(135deg,#10b98140,#06b6d440);border:2px solid rgba(16,185,129,.6);color:#10b981;box-shadow:0 2px 10px #10b9814d;font-weight:800}.session-mode.online{background:linear-gradient(135deg,#646cff40,#8b5cf640);border:2px solid rgba(100,108,255,.6);color:#818cf8;box-shadow:0 2px 10px #646cff4d;font-weight:800}.session-time{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.session-icon{color:#818cf8;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(100,108,255,.3))}.time-text{font-size:1.15rem;font-weight:700;color:#f1f5f9;letter-spacing:.3px}.session-location{display:flex;align-items:flex-start;gap:.75rem}.session-logo{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(100,108,255,.2);display:flex;justify-content:center}.institute-logo{max-width:120px;max-height:40px;object-fit:contain;filter:brightness(.9)}.location-text{flex:1}.location-text p{margin:0 0 .25rem;font-size:1rem;color:#e2e8f0;line-height:1.6;font-weight:500}.location-sinhala{font-size:.85rem!important;color:#94a3b8!important;font-family:Noto Sans Sinhala,sans-serif}.schedule-placeholder{text-align:center;padding:3rem 2rem;background:#646cff0d;border-radius:12px;border:2px dashed rgba(100,108,255,.3);margin-top:1.5rem}.placeholder-icon{font-size:3rem;margin-bottom:1rem}.placeholder-text{font-size:1.2rem;color:#cbd5e1;font-weight:600;margin-bottom:.25rem}.placeholder-text-sinhala{font-size:1rem;color:#94a3b8;font-weight:500;margin-bottom:.5rem;font-family:Noto Sans Sinhala,sans-serif}.placeholder-subtext{font-size:.95rem;color:#94a3b8;margin-bottom:.25rem}.placeholder-subtext-sinhala{font-size:.85rem;color:#64748b;font-family:Noto Sans Sinhala,sans-serif}.notes-list{list-style:none;padding:0;margin:0}.notes-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;color:#cbd5e1;line-height:1.6}.note-content{flex:1}.note-content p{margin:0 0 .25rem}.note-sinhala{font-size:.9rem;color:#94a3b8;font-family:Noto Sans Sinhala,sans-serif}.note-bullet{color:#646cff;font-size:1.5rem;font-weight:700;line-height:1}.contact-section{text-align:center;padding:2rem;background:#646cff1a;border-radius:15px;border:1px solid rgba(100,108,255,.2);margin-top:1rem}.contact-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.contact-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;border:2px solid;cursor:pointer}.call-btn{background:linear-gradient(135deg,#10b98133,#06b6d433);border-color:#10b98180;color:#10b981}.call-btn:hover{background:linear-gradient(135deg,#10b9814d,#06b6d44d);border-color:#10b981cc;transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.whatsapp-btn{background:linear-gradient(135deg,#25d36633,#10b98133);border-color:#25d36680;color:#25d366}.whatsapp-btn:hover{background:linear-gradient(135deg,#25d3664d,#10b9814d);border-color:#25d366cc;transform:translateY(-2px);box-shadow:0 8px 20px #25d3664d}.btn-icon{font-size:1.25rem}.btn-text{font-weight:600}.contact-text{color:#cbd5e1;font-size:1rem;margin:0 0 .25rem}.contact-text-sinhala{color:#94a3b8;font-size:.9rem;margin:0;font-family:Noto Sans Sinhala,sans-serif}.whatsapp-join-section{margin-top:2rem;display:flex;justify-content:center}.whatsapp-join-button{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #25d3664d}.whatsapp-join-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.whatsapp-join-button:active{transform:translateY(0)}.whatsapp-text{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.whatsapp-main{font-size:1.1rem;font-weight:600}.whatsapp-sub{font-size:.85rem;opacity:.9;font-family:Noto Sans Sinhala,sans-serif}.ict-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(100,108,255,.2)}.ict-footer p{color:#64748b;font-size:.9rem;margin:0}@media(max-width:768px){.ict-page{padding:1rem .5rem}.ict-container{padding-top:4rem}.ict-header{padding-top:1rem;margin-bottom:2rem}.ict-icon{font-size:3rem}.ict-title{font-size:2rem}.ict-subtitle{font-size:1rem}.info-card{padding:1.5rem}.info-header h2{font-size:1.25rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.info-item .value{text-align:left}.schedule-placeholder{padding:2rem 1rem}.placeholder-icon{font-size:2.5rem}.placeholder-text{font-size:1rem}.contact-buttons{flex-direction:column;gap:.75rem}.contact-btn{width:100%;justify-content:center}.timetable-grid{grid-template-columns:1fr;margin-top:1rem}.session-card{padding:1.25rem}.session-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.ict-title{font-size:1.75rem}.info-card{padding:1.25rem}}body:has(.ict-welcome-page){display:block!important;place-items:unset!important}.matrix-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;opacity:.7}.ict-welcome-page{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#000;font-family:Courier New,Fira Code,monospace;color:#0f0;cursor:default;z-index:0}.ict-welcome-page *{box-sizing:border-box}.welcome-stage{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:20px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media(max-width:768px){.welcome-stage{padding-top:20px;padding-bottom:20px}.welcome-stage-reveal{justify-content:flex-start;padding-top:40px}}.terminal-container{width:calc(100% - 24px);max-width:700px;background:#000000d9;border:1px solid #0f0;border-radius:12px;box-shadow:0 0 30px #00ff0026,0 0 60px #00ff000d,inset 0 0 30px #00ff0008;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terminal-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#00ff0014;border-bottom:1px solid rgba(0,255,0,.2)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#28c840}.terminal-title{flex:1;text-align:center;font-size:.8rem;color:#0f09;letter-spacing:2px;text-transform:uppercase}.terminal-body{padding:16px;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}.terminal-line{font-size:clamp(.7rem,2.5vw,.9rem);line-height:1.8;color:#0f0;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.terminal-line.system{color:#0af}.terminal-line.warning{color:#ff0}.terminal-line.error{color:#f44}.terminal-line.success{color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5)}.terminal-input-line{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}.terminal-prompt{color:#f33;font-size:clamp(.85rem,2.8vw,1.1rem);font-weight:700;white-space:nowrap;text-shadow:0 0 10px rgba(255,50,50,.6),0 0 20px rgba(255,50,50,.3);animation:promptPulse 1.5s ease-in-out infinite}@keyframes promptPulse{0%,to{text-shadow:0 0 10px rgba(255,50,50,.6),0 0 20px rgba(255,50,50,.3)}50%{text-shadow:0 0 15px rgba(255,50,50,.9),0 0 30px rgba(255,50,50,.5),0 0 45px rgba(255,50,50,.2)}}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:Courier New,monospace;font-size:1rem;caret-color:transparent;letter-spacing:1px}.terminal-input-cursor{display:inline-block;width:10px;height:1.1em;background:#f33;animation:inputCursorBlink .8s step-end infinite;vertical-align:middle;margin-left:2px;box-shadow:0 0 8px #ff323299}@keyframes inputCursorBlink{0%,to{opacity:1}50%{opacity:0}}.terminal-input::placeholder{color:#00ff004d}.cursor-blink{display:inline-block;width:10px;height:18px;background:#0f0;animation:blink 1s step-end infinite;vertical-align:middle;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px)}.name-reveal-container{text-align:center;perspective:800px}.name-3d-text{font-size:clamp(2.5rem,8vw,6rem);font-weight:900;letter-spacing:8px;text-transform:uppercase;background:linear-gradient(135deg,#0ff,#0f0,#ff0,#0ff);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;text-shadow:none;filter:drop-shadow(0 0 30px rgba(0,255,255,.5)) drop-shadow(0 0 60px rgba(0,255,0,.3));position:relative}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.name-subtitle{font-size:clamp(1rem,3vw,1.5rem);color:#0ff;margin-top:16px;letter-spacing:4px;text-shadow:0 0 20px rgba(0,255,255,.5)}.name-subtitle-hacker{font-size:.9rem;color:#0f09;margin-top:8px;letter-spacing:2px}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch:before{left:3px;text-shadow:-3px 0 #f0f;clip-path:inset(0 0 0 0);animation:glitch-1 2s infinite linear alternate-reverse;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f0f,#0ff);-webkit-background-clip:text;background-clip:text}.glitch:after{left:-3px;text-shadow:3px 0 #0ff;clip-path:inset(0 0 0 0);animation:glitch-2 2s infinite linear alternate-reverse;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0ff,#0f0);-webkit-background-clip:text;background-clip:text}@keyframes glitch-1{0%{clip-path:inset(20% 0 60% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(40% 0 40% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(10% 0 70% 0)}to{clip-path:inset(50% 0 30% 0)}}@keyframes glitch-2{0%{clip-path:inset(60% 0 20% 0)}20%{clip-path:inset(10% 0 60% 0)}40%{clip-path:inset(50% 0 30% 0)}60%{clip-path:inset(5% 0 80% 0)}80%{clip-path:inset(70% 0 10% 0)}to{clip-path:inset(30% 0 50% 0)}}.quiz-container{width:90%;max-width:800px;text-align:center}.quiz-header{margin-bottom:32px}.quiz-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.5);letter-spacing:3px;text-transform:uppercase}.quiz-progress{display:flex;gap:8px;justify-content:center;margin-top:16px}.quiz-progress-dot{width:12px;height:12px;border-radius:50%;background:#0f03;border:1px solid rgba(0,255,0,.4);transition:all .3s ease}.quiz-progress-dot.completed{background:#0f0;box-shadow:0 0 10px #00ff0080}.quiz-progress-dot.current{background:#0ff;box-shadow:0 0 15px #00ffffb3;transform:scale(1.3)}.quiz-score{font-size:1rem;color:#ff0;margin-top:12px;text-shadow:0 0 10px rgba(255,255,0,.5)}.lang-select-container{text-align:center;z-index:10;width:90%;max-width:500px}.lang-select-title{font-size:clamp(1.3rem,4vw,2rem);font-weight:900;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.5);margin-bottom:8px;letter-spacing:3px}.lang-select-subtitle{font-size:clamp(1rem,3vw,1.3rem);color:#00ff00b3;margin-bottom:32px;letter-spacing:2px}.lang-options{display:flex;flex-direction:column;gap:16px}.lang-option-btn{display:flex;align-items:center;gap:16px;width:100%;padding:18px 24px;background:#000000b3;border:2px solid rgba(0,255,255,.3);border-radius:16px;color:#fff;cursor:pointer;transition:all .3s ease;text-align:left;font-family:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-option-btn:hover{border-color:#0ff;background:#00ffff1a;box-shadow:0 0 25px #00ffff4d,0 8px 25px #0000004d}.lang-icon{font-size:2rem;flex-shrink:0}.lang-label{font-size:1.2rem;font-weight:700;color:#0ff;display:block}.lang-sub{font-size:.8rem;color:#0f09;display:block;margin-top:2px}.quiz-question{font-size:clamp(1.1rem,2.5vw,1.5rem);color:#fff;margin-bottom:28px;line-height:1.6;text-shadow:0 0 10px rgba(255,255,255,.2);padding:0 10px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:600px;margin:0 auto}.quiz-option{position:relative;padding:16px 20px;background:#0009;border:2px solid rgba(0,255,255,.3);border-radius:12px;color:#fff;font-family:Courier New,monospace;font-size:clamp(.85rem,2vw,1.05rem);cursor:pointer;transition:all .3s ease;overflow:hidden;text-align:center}.quiz-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,255,255,.05),transparent);opacity:0;transition:opacity .3s ease}.quiz-option:hover{border-color:#0ff;transform:translateY(-3px) scale(1.02);box-shadow:0 0 25px #00ffff4d,0 8px 25px #0000004d}.quiz-option:hover:before{opacity:1}.quiz-option.correct{border-color:#0f0!important;background:#00ff0026!important;box-shadow:0 0 30px #0f06;animation:correctPulse .5s ease}.quiz-option.wrong{border-color:#f44!important;background:#ff444426!important;box-shadow:0 0 30px #f446;animation:shake .5s ease}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.quiz-skip-btn{display:block;margin:16px auto 0;padding:10px 28px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffff80;font-family:Courier New,monospace;font-size:.85rem;cursor:pointer;transition:all .3s ease}.quiz-skip-btn:hover{border-color:#ffffff80;color:#fffc;background:#ffffff0d}.quiz-feedback{margin-top:20px;font-size:1.2rem;font-weight:700;letter-spacing:2px}.quiz-feedback.correct-feedback{color:#0f0;text-shadow:0 0 15px rgba(0,255,0,.5)}.quiz-feedback.wrong-feedback{color:#f44;text-shadow:0 0 15px rgba(255,68,68,.5)}.timer-bar-container{position:relative;width:100%;max-width:600px;height:8px;background:#ffffff1a;border-radius:4px;margin:12px auto 8px;overflow:hidden}.timer-bar{height:100%;background:linear-gradient(90deg,#0ff,#0f0);border-radius:4px;transform-origin:left;box-shadow:0 0 10px #00ffff80;transition:background .3s ease}.timer-bar.timer-warning{background:linear-gradient(90deg,#ff0,#f80);box-shadow:0 0 10px #ffff0080}.timer-bar.timer-danger{background:linear-gradient(90deg,#f44,red);box-shadow:0 0 15px #ff4444b3;animation:timerPulse .5s ease infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.timer-text{position:absolute;right:-40px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#0ff;font-weight:700;letter-spacing:1px}.timer-text-danger{color:#f44;animation:timerPulse .5s ease infinite}.streak-badge{display:inline-block;margin-left:12px;padding:2px 10px;background:#f803;border:1px solid #f80;border-radius:20px;font-size:.8rem;color:#f80;text-shadow:0 0 8px rgba(255,136,0,.5);animation:streakGlow 1s ease infinite}@keyframes streakGlow{0%,to{box-shadow:0 0 5px #ff88004d}50%{box-shadow:0 0 20px #f809}}.streak-text{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:900;color:#f80;text-shadow:0 0 20px rgba(255,136,0,.8),0 0 40px rgba(255,136,0,.4);z-index:30;pointer-events:none;letter-spacing:3px;text-align:center}.screen-shake{animation:screenShake .5s ease}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-8px,-5px)}20%{transform:translate(8px,5px)}30%{transform:translate(-6px,3px)}40%{transform:translate(6px,-3px)}50%{transform:translate(-4px,5px)}60%{transform:translate(4px,-2px)}70%{transform:translate(-3px,3px)}80%{transform:translate(3px,-1px)}90%{transform:translate(-1px,2px)}}.reveal-container{width:90%;max-width:900px;text-align:center;z-index:10}.reveal-score-badge{display:inline-block;padding:12px 32px;background:linear-gradient(135deg,#0f03,#0ff3);border:2px solid #0ff;border-radius:50px;font-size:clamp(1rem,2.5vw,1.3rem);color:#0ff;margin-bottom:20px;text-shadow:0 0 10px rgba(0,255,255,.5);box-shadow:0 0 20px #0ff3}.reveal-welcome-text{font-size:clamp(1.5rem,5vw,3rem);font-weight:900;background:linear-gradient(135deg,#0ff,#0f0,#ff0);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;filter:drop-shadow(0 0 20px rgba(0,255,255,.4));margin-bottom:8px}.reveal-class-title{font-size:clamp(1.8rem,6vw,3.5rem);font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(0,255,255,.3);letter-spacing:4px;margin-bottom:32px}.reveal-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:24px}.reveal-card{background:#000000b3;border:1px solid rgba(0,255,255,.3);border-radius:16px;padding:24px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.reveal-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.05),transparent);animation:cardShine 3s infinite}@keyframes cardShine{0%{left:-100%}to{left:200%}}.reveal-card:hover{border-color:#0ff;transform:translateY(-5px);box-shadow:0 0 30px #0ff3}.reveal-card-icon{font-size:2.5rem;margin-bottom:12px}.reveal-card-title{font-size:1rem;color:#0ff;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.reveal-card-value{font-size:clamp(1rem,2vw,1.2rem);color:#fff;font-weight:700}.reveal-card-sub{font-size:.8rem;color:#0f09;margin-top:4px}.reveal-cta{margin-top:32px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.neon-button{padding:14px 36px;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border:2px solid #0ff;background:transparent;color:#0ff;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.neon-button:before{content:"";position:absolute;inset:0;background:#00ffff1a;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.neon-button:hover{box-shadow:0 0 30px #0ff6,0 0 60px #0ff3;text-shadow:0 0 10px rgba(0,255,255,.5)}.neon-button:hover:before{transform:scaleX(1)}.neon-button.green{border-color:#0f0;color:#0f0}.neon-button.green:before{background:#00ff001a}.neon-button.green:hover{box-shadow:0 0 30px #0f06,0 0 60px #0f03;text-shadow:0 0 10px rgba(0,255,0,.5)}.particle-canvas{position:fixed;inset:0;pointer-events:none;z-index:15}.floating-emoji{position:fixed;font-size:2rem;pointer-events:none;z-index:20;animation:floatUp 3s ease-out forwards}@keyframes floatUp{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}to{transform:translateY(-400px) scale(0) rotate(720deg);opacity:0}}.corner-decoration{position:fixed;z-index:4;pointer-events:none}.corner-decoration.top-left{top:20px;left:20px;width:60px;height:60px;border-top:2px solid rgba(0,255,0,.4);border-left:2px solid rgba(0,255,0,.4)}.corner-decoration.top-right{top:20px;right:20px;width:60px;height:60px;border-top:2px solid rgba(0,255,0,.4);border-right:2px solid rgba(0,255,0,.4)}.corner-decoration.bottom-left{bottom:20px;left:20px;width:60px;height:60px;border-bottom:2px solid rgba(0,255,0,.4);border-left:2px solid rgba(0,255,0,.4)}.corner-decoration.bottom-right{bottom:20px;right:20px;width:60px;height:60px;border-bottom:2px solid rgba(0,255,0,.4);border-right:2px solid rgba(0,255,0,.4)}@media(max-width:768px){.quiz-options{grid-template-columns:1fr;gap:12px}.quiz-option{padding:14px 16px}.terminal-body{padding:16px;min-height:220px}.terminal-line{font-size:.8rem}.reveal-cards{grid-template-columns:1fr 1fr;gap:12px}.reveal-card{padding:16px 12px}.corner-decoration{width:30px!important;height:30px!important}.corner-decoration.top-left{top:10px;left:10px}.corner-decoration.top-right{top:10px;right:10px}.corner-decoration.bottom-left{bottom:10px;left:10px}.corner-decoration.bottom-right{bottom:10px;right:10px}}@media(max-width:480px){.reveal-cards{grid-template-columns:1fr}.neon-button{padding:12px 24px;font-size:.85rem}}.energy-line{position:fixed;bottom:0;left:0;width:100%;height:3px;z-index:6;background:linear-gradient(90deg,transparent,#0ff,#0f0,#0ff,transparent);background-size:200% 100%;animation:energyFlow 2s linear infinite;box-shadow:0 0 10px #00ffff80,0 0 20px #00ffff4d}@keyframes energyFlow{0%{background-position:200% 0}to{background-position:-200% 0}}.energy-line.top{bottom:auto;top:0;animation-direction:reverse}.tutes-tabs{display:flex;gap:12px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.tutes-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 32px;border-radius:14px;border:2px solid rgba(100,108,255,.2);background:#646cff0d;cursor:pointer;transition:all .3s ease;min-width:160px}.tutes-tab:hover{border-color:#646cff66;background:#646cff1a}.tutes-tab.active{border-color:#646cff;background:#646cff26;box-shadow:0 0 20px #646cff33}.tutes-tab-icon{font-size:1.8rem}.tutes-tab-title{font-size:1rem;font-weight:700;color:#fff}.tutes-tab-title-si{font-size:.8rem;color:#ffffff80}.tutes-list{display:flex;flex-direction:column;gap:14px;width:100%}.tute-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-radius:14px;border:1px solid rgba(100,108,255,.15);background:#646cff0a;transition:all .3s ease;width:100%;box-sizing:border-box}.tute-card:hover{border-color:#646cff59;background:#646cff14;transform:translate(4px)}.tute-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.tute-icon{color:#646cff;flex-shrink:0}.tute-details{min-width:0}.tute-title{font-size:1rem;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tute-title-si{font-size:.8rem;color:#ffffff73;margin:2px 0 0}.tute-description{font-size:.8rem;color:#fff6;margin:4px 0 0}.tute-actions{display:flex;gap:8px;flex-shrink:0}.tute-view-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:10px;border:2px solid rgba(255,165,0,.5);background:#ffa50014;color:orange;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:120px}.tute-view-btn:hover{background:#ffa5002e;box-shadow:0 0 15px #ffa50040;transform:translateY(-1px)}.tute-view-btn:active{transform:translateY(0)}.tute-download-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:10px;border:2px solid #646cff;background:#646cff1a;color:#646cff;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;min-width:160px}.tute-download-btn:hover{background:#646cff33;box-shadow:0 0 15px #646cff4d;transform:translateY(-1px)}.tute-download-btn:active{transform:translateY(0)}.pdf-viewer-fullpage{position:fixed;inset:0;z-index:2000;background:#0f172a;display:flex;flex-direction:column}.pdf-viewer-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0f172af2;border-bottom:1px solid rgba(100,108,255,.2);flex-shrink:0;gap:12px}.pdf-viewer-back{display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:8px;border:1px solid rgba(100,108,255,.3);background:#646cff1a;color:#646cff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.pdf-viewer-back:hover{background:#646cff33}.pdf-viewer-title{font-size:.95rem;font-weight:600;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;min-width:0}.pdf-viewer-download{display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,165,0,.4);background:#ffa5001a;color:orange;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.pdf-viewer-download:hover{background:#ffa50033}.pdf-viewer-iframe{flex:1;width:100%;border:none;background:#fff}.tutes-empty{text-align:center;padding:48px 24px;color:#fff6;font-size:1rem}.tutes-empty-si{font-size:.85rem;color:#ffffff4d;margin-top:8px}@media(max-width:768px){.tutes-tabs{gap:8px}.tutes-tab{padding:12px 20px;min-width:130px;flex:1}.tutes-tab-icon{font-size:1.4rem}.tutes-tab-title{font-size:.85rem}.tute-card{flex-direction:column;align-items:stretch;gap:12px;padding:16px;width:100%;box-sizing:border-box}.tute-actions{flex-direction:column;width:100%}.tute-view-btn,.tute-download-btn{width:100%!important;min-width:unset;flex-shrink:1;justify-content:center;box-sizing:border-box}.pdf-viewer-topbar{padding:8px 10px;gap:8px}.pdf-viewer-back{padding:6px 10px;font-size:.8rem}.pdf-viewer-title{font-size:.8rem}.pdf-viewer-download{padding:6px 10px;font-size:.8rem}.tute-title{white-space:normal}}