:root{--bg-primary-val: 222 47% 7%;--bg-secondary-val: 222 47% 12%;--accent-blue-val: 217 91% 60%;--accent-cyan-val: 189 94% 43%;--accent-yellow-val: 48 96% 53%;--bg-primary: HSL(var(--bg-primary-val));--bg-secondary: HSL(var(--bg-secondary-val));--accent-blue: HSL(var(--accent-blue-val));--accent-cyan: HSL(var(--accent-cyan-val));--accent-yellow: HSL(var(--accent-yellow-val));--text-white: #FFFFFF;--text-light: #F8FAFC;--text-muted: #CBD5E1;--text-dark: #0F172A;--border-glass: rgba(255, 255, 255, .04);--bg-glass: rgba(19, 27, 46, .65);--bg-glass-heavy: rgba(11, 17, 32, .95);--accent-yellow-glass: rgba(250, 204, 21, .15);--accent-cyan-glass: rgba(6, 182, 212, .15);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--radius-lg: 16px;--radius-md: 8px;--radius-sm: 4px;--shadow-glow-yellow: 0 4px 15px rgba(250, 204, 21, .2);--shadow-glow-cyan: 0 4px 15px rgba(6, 182, 212, .2);--shadow-card: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-light);overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-white);font-weight:600;line-height:1.25}h1{font-size:clamp(2.25rem,8vw,6rem);margin-bottom:.25em}h2{font-size:clamp(1.75rem,6vw,4rem)}h3{font-size:clamp(1.35rem,4vw,2.5rem)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border:2px solid var(--bg-primary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--accent-yellow);box-shadow:var(--shadow-glow-yellow)}.bg-grid-glows{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px;overflow:hidden}.bg-glow-spot{position:absolute;width:45vw;height:45vw;border-radius:50%;filter:blur(100px);opacity:.15;pointer-events:none}.bg-glow-spot.cyan{background:var(--accent-cyan);top:-10vw;right:-5vw;animation:floatGlow 15s infinite alternate ease-in-out}.bg-glow-spot.yellow{background:var(--accent-yellow);bottom:-15vw;left:-10vw;animation:floatGlow 20s infinite alternate-reverse ease-in-out}@keyframes floatGlow{0%{transform:translate(0) scale(1)}to{transform:translate(50px,30px) scale(1.15)}}.bg-circuit-lines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.08;transition:transform .15s ease-out}.glass-card{background:var(--bg-glass);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2rem;transition:var(--transition-smooth)}.glass-card:hover{border-color:#06b6d466;background:#131b2ecc;box-shadow:0 12px 40px #00000080,0 0 20px #06b6d426;transform:translateY(-5px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:600;padding:.75rem 1.75rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;min-height:48px;text-align:center;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);transition:.5s;z-index:-1}.btn:hover:before{left:150%}.btn-yellow{background-color:var(--accent-yellow);color:var(--text-dark)}.btn-yellow:hover{transform:translateY(-2px);box-shadow:0 4px 12px #facc154d;filter:brightness(1.05)}.btn-cyan{background-color:var(--accent-cyan);color:var(--text-white)}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d;filter:brightness(1.05)}.btn-secondary{background-color:#ffffff1a;color:var(--text-white);border-color:var(--border-glass)}.btn-secondary:hover{background-color:#ffffff2e;border-color:#ffffff4d}.btn-outline-cyan{background-color:transparent;color:var(--accent-cyan);border-color:var(--accent-cyan)}.btn-outline-cyan:hover{background-color:var(--accent-cyan-glass);box-shadow:0 4px 12px #06b6d433;transform:translateY(-2px)}.btn-sm{min-height:38px;padding:.5rem 1rem;font-size:.875rem}.btn-block{display:flex;width:100%}.btn:focus-visible{outline:3px solid var(--accent-yellow);outline-offset:2px}.announcement-bar{background:linear-gradient(90deg,#ef44442e,#02061799,#ef44442e);border-bottom:1px solid rgba(239,68,68,.25);color:var(--text-light);font-family:var(--font-primary);font-size:.85rem;font-weight:500;text-align:center;padding:.55rem 1rem;letter-spacing:.03em;display:flex;justify-content:center;align-items:center;z-index:101;box-shadow:0 4px 20px #0003}.announcement-bar-content{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap;width:100%}.bar-title-desktop{display:inline}.bar-title-mobile{display:none}.announcement-bar .bar-timer{display:inline-flex;align-items:center;gap:.15rem;font-weight:600}.announcement-bar .bar-unit{color:#f8717199;font-size:.75rem;font-weight:700;margin-right:.2rem}.announcement-bar.opening .bar-unit{color:#06b6d499}.announcement-bar.opening{background:linear-gradient(90deg,#06b6d42e,#02061799,#06b6d42e);border-bottom:1px solid rgba(6,182,212,.25)}.announcement-bar strong{color:#ff4a4a;font-family:var(--font-mono, monospace);font-size:.95rem;font-weight:700;background:#020617cc;padding:.1rem .3rem;border-radius:var(--radius-xs);border:1px solid rgba(239,68,68,.3);box-shadow:inset 0 0 5px #ef44441a;text-shadow:0 0 5px rgba(255,74,74,.4)}.announcement-bar.opening strong{color:var(--accent-cyan);border-color:#06b6d44d;box-shadow:inset 0 0 5px #06b6d41a;text-shadow:0 0 5px rgba(6,182,212,.4)}.announcement-bar .bar-cta{color:var(--accent-yellow);text-decoration:none;font-weight:700;margin-left:.4rem;border-bottom:1px dashed var(--accent-yellow);transition:all .2s ease;display:inline-flex;align-items:center;gap:.2rem}.announcement-bar .bar-cta:hover{color:var(--text-white);border-bottom-color:var(--text-white)}@media (max-width: 640px){.bar-title-desktop{display:none}.bar-title-mobile{display:inline}.announcement-bar{padding:.45rem .5rem;font-size:.8rem}.announcement-bar strong{font-size:.85rem;padding:.05rem .2rem}.announcement-bar .bar-unit{font-size:.65rem;margin-right:.1rem}.announcement-bar .bar-cta{margin-left:.2rem}}.main-header{position:sticky;top:0;z-index:100;background:#0b1120cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);padding:1rem 0}.header-container{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:.75rem}.brand-text{font-family:var(--font-heading);font-weight:800;font-size:1.5rem;letter-spacing:1px;background:linear-gradient(90deg,var(--text-white) 50%,var(--accent-yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{display:flex;list-style:none;gap:1.5rem;align-items:center}.nav-link{font-family:var(--font-heading);font-weight:600;font-size:.95rem;padding:.5rem 1rem;border-radius:var(--radius-md);color:var(--text-muted);transition:var(--transition-smooth)}.nav-link:hover{color:var(--accent-yellow);background:#facc150d}.nav-link.active{color:var(--text-dark);background-color:var(--accent-yellow);box-shadow:var(--shadow-glow-yellow)}.nav-admin-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;aspect-ratio:1 / 1}.nav-admin-btn svg{display:block}.page-view{display:none;padding:4rem 0;flex-grow:1}.page-view.active{display:block}.page-title-section{text-align:center;margin-bottom:3.5rem}.page-title-section h1,.page-title-section h2{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-white) 40%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-title-section p{color:var(--text-muted);font-size:1.1rem}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;margin-bottom:6rem}.hero-tag{display:inline-block;font-family:var(--font-heading);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;background:var(--accent-yellow-glass);color:var(--accent-yellow);padding:.4rem 1rem;border-radius:30px;border:1px solid rgba(250,204,21,.3);margin-bottom:1.5rem;position:relative;box-shadow:0 0 5px #facc151a}.hero-tag:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:30px;box-shadow:0 0 15px #facc154d;opacity:0;animation:glowPulse 2s infinite alternate;pointer-events:none;z-index:-1}@keyframes glowPulse{0%{opacity:0}to{opacity:1}}.hero-title{font-size:3.75rem;line-height:1.15;margin-bottom:1.5rem}.hero-title span{color:var(--accent-yellow);position:relative}.hero-title span:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--accent-yellow);border-radius:2px}.hero-description{font-size:1.15rem;color:var(--text-muted);margin-bottom:2.5rem}.hero-actions{display:flex;gap:1.25rem}.hero-robot-wrapper{display:flex;justify-content:center;align-items:center;position:relative}.robot-mascot{width:250px;height:300px;position:relative;animation:robotHover 4s infinite ease-in-out;cursor:grab;will-change:transform}@keyframes robotHover{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.robot-head{position:absolute;top:10%;left:20%;width:60%;height:35%;background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid var(--accent-cyan);border-radius:30px;box-shadow:var(--shadow-glow-cyan);display:flex;align-items:center;justify-content:center;gap:15px}.robot-head:before{content:"";position:absolute;top:-15px;left:50%;width:4px;height:15px;background:var(--accent-cyan)}.robot-head:after{content:"";position:absolute;top:-23px;left:calc(50% - 4px);width:12px;height:12px;background:var(--accent-yellow);border-radius:50%;box-shadow:var(--shadow-glow-yellow);animation:antennaBlink 1s infinite alternate}@keyframes antennaBlink{0%{opacity:.3}to{opacity:1}}.robot-eye{width:25px;height:25px;background:var(--accent-yellow);border-radius:50%;box-shadow:var(--shadow-glow-yellow);position:relative}.robot-eye:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;background:#fff;border-radius:50%}.robot-chest{position:absolute;top:48%;left:15%;width:70%;height:40%;background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid var(--accent-cyan);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:10px}.robot-screen{width:80%;height:40%;background:#020617;border:1px solid var(--accent-yellow);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:monospace;color:var(--accent-yellow);font-size:.8rem;letter-spacing:1px}.robot-joints{width:85%;height:8px;background:var(--accent-cyan);border-radius:4px;box-shadow:var(--shadow-glow-cyan)}.visi-misi-section{margin-bottom:6rem}.visi-misi-grid{display:grid;grid-template-columns:1fr;gap:2rem}.vm-title{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.75rem}.vm-title span{color:var(--accent-yellow)}.vm-list{list-style:none}.vm-list li{position:relative;padding-left:2rem;margin-bottom:1rem;color:var(--text-muted)}.vm-list li:before{content:"⚡";position:absolute;left:0;color:var(--accent-yellow)}.divisi-section{margin-bottom:6rem}.section-subtitle-center{text-align:center;margin-bottom:4rem}.section-subtitle-center h2{font-size:2.5rem;margin-bottom:.75rem}.section-subtitle-center p{color:var(--text-muted);max-width:600px;margin:0 auto}.divisi-split-panel{display:flex;gap:2rem;width:100%;margin-top:2rem}@media (max-width: 992px){.divisi-split-panel{flex-direction:column}}.divisi-nav-panel{flex:1;display:flex;flex-direction:column;gap:1rem;justify-content:center}.divisi-nav-btn{background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:1.25rem 1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:1.25rem;cursor:pointer;text-align:left;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.divisi-nav-btn:hover{background:#0f172aa6;border-color:#06b6d44d;transform:translate(5px)}.divisi-nav-btn.active{background:#06b6d414;border-color:var(--accent-cyan);box-shadow:0 0 20px #06b6d426}.nav-btn-indicator{position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background .3s ease;display:none}.divisi-nav-btn.active .nav-btn-indicator{background:transparent;box-shadow:none}.nav-btn-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.divisi-nav-btn.active .nav-btn-icon{background:#06b6d426;border-color:#06b6d466;transform:scale(1.05)}.nav-btn-text{display:flex;flex-direction:column}.btn-label{font-size:.7rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.1em;font-family:var(--font-heading)}.divisi-nav-btn.active[data-div=mechanics] .btn-label{color:var(--accent-yellow)}.divisi-nav-btn.active[data-div=programming] .btn-label{color:#d946ef}.btn-title{font-size:1.1rem;font-weight:700;color:var(--text-muted);transition:color .3s ease}.divisi-nav-btn:hover .btn-title,.divisi-nav-btn.active .btn-title{color:var(--text-light)}.divisi-detail-panel{flex:2;min-height:380px;background:#0f172a80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d;display:flex;gap:2rem;align-items:center;transition:all .3s ease}@media (max-width: 768px){.divisi-detail-panel{flex-direction:column;padding:1.75rem;gap:1.5rem}}.divisi-detail-content{flex:1.2;display:flex;flex-direction:column;z-index:2}.divisi-detail-graphic{flex:.8;display:flex;align-items:center;justify-content:center;z-index:2;width:100%}.div-spec-title{font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem}.div-spec-heading{font-size:1.75rem;font-weight:800;color:var(--text-light);margin:0 0 1rem;font-family:var(--font-heading)}.div-spec-desc{font-size:.95rem;line-height:1.6;color:var(--text-muted);margin-bottom:1.5rem}.div-focus-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.div-focus-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--text-light);font-weight:600}.div-focus-bullet{width:6px;height:6px;border-radius:50%}.divisi-detail-panel.mech-theme{border-color:#f59e0b40;box-shadow:inset 0 0 20px #f59e0b0d,0 10px 40px #0000004d}.divisi-detail-panel.elec-theme{border-color:#06b6d440;box-shadow:inset 0 0 20px #06b6d40d,0 10px 40px #0000004d}.divisi-detail-panel.prog-theme{border-color:#d946ef40;box-shadow:inset 0 0 20px #d946ef0d,0 10px 40px #0000004d}@keyframes pulse-node{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1;filter:drop-shadow(0 0 8px currentColor)}}.circuit-node{animation:pulse-node 2s infinite ease-in-out}.node-1{animation-delay:0s;transform-origin:50px 80px}.node-2{animation-delay:.5s;transform-origin:150px 60px}.node-3{animation-delay:1s;transform-origin:100px 140px}.code-terminal{width:100%;background:#020617d9;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:1rem;font-family:monospace;font-size:.75rem;color:#a7f3d0;text-align:left;box-shadow:inset 0 0 15px #000c}.terminal-header{display:flex;gap:.35rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.dot{width:8px;height:8px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.telemetry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%}.prestasi-section{margin-bottom:4rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%}.achievement-card{position:relative;overflow:hidden;background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:2rem 1.5rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px #0003}.achievement-card:hover{transform:translateY(-5px) scale(1.02);border-color:#06b6d466;box-shadow:0 10px 30px #06b6d426}.ach-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.achievement-card:hover .ach-card-glow{opacity:1}.ach-badge{position:absolute;top:1rem;right:1rem;background:#06b6d41a;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.25);padding:.25rem .65rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;font-family:var(--font-heading)}.ach-trophy{font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 8px rgba(245,158,11,.4));transition:transform .3s ease}.achievement-card:hover .ach-trophy{transform:rotate(10deg) scale(1.1)}.blog-controls{display:flex;flex-direction:column;gap:2rem;margin-bottom:3.5rem}.search-wrapper{position:relative;max-width:600px;width:100%;margin:0 auto}.search-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-glass);padding:.9rem 1rem .9rem 3rem;border-radius:var(--radius-md);color:var(--text-white);font-size:1rem;transition:var(--transition-smooth)}.search-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan);background:var(--bg-primary)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.blog-filters{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.blog-filter-btn{background:#ffffff0d;border:1px solid var(--border-glass);padding:.5rem 1.25rem;border-radius:30px;color:var(--text-muted);font-family:var(--font-heading);font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.blog-filter-btn:hover{background:#ffffff1a;color:var(--text-white)}.blog-filter-btn.active{background:var(--accent-cyan-glass);border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.blog-card{position:relative;overflow:hidden;padding:0;display:flex;flex-direction:column}.blog-card-badge{position:absolute;top:1rem;right:1rem;background:var(--accent-yellow);color:var(--text-dark);font-family:var(--font-heading);font-weight:800;font-size:.75rem;padding:.3rem .8rem;border-radius:var(--radius-sm);z-index:1}.blog-card-content{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.blog-card-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.blog-card-title{font-size:1.5rem;margin-bottom:1rem;line-height:1.35;transition:var(--transition-smooth)}.blog-card:hover .blog-card-title{color:var(--accent-cyan)}.blog-card-excerpt{color:var(--text-muted);font-size:.95rem;margin-bottom:1.5rem;flex-grow:1}.empty-state{grid-column:span 2;text-align:center;padding:4rem;background:#ffffff05;border:1px dashed var(--border-glass);border-radius:var(--radius-lg);color:var(--text-muted)}.empty-state svg{margin-bottom:1rem;color:var(--accent-yellow)}dialog{margin:auto;border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:var(--bg-glass-heavy);box-shadow:0 20px 50px #000c;width:90%;max-width:800px;max-height:85vh;padding:2.5rem;color:var(--text-light);overflow-y:auto}dialog:not(#blog-detail-dialog):not(#portfolio-detail-dialog):not(#student-status-dialog){position:fixed;top:50%;left:50%;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%) scale(.92)}dialog:not(#blog-detail-dialog):not(#portfolio-detail-dialog):not(#student-status-dialog)[open]{transform:translate(-50%,-50%) scale(1)}dialog::backdrop{background-color:#02061700;transition:display .3s allow-discrete,overlay .3s allow-discrete,background-color .3s ease-out}dialog[open]::backdrop{background-color:#020617d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@starting-style{{background-color:#02061700;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}dialog{opacity:0;transform:scale(.92);transition:opacity .3s,transform .3s,display .3s,overlay .3s;transition-behavior:allow-discrete}dialog[open]{opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.92)}}@starting-style{dialog:not(#blog-detail-dialog):not(#portfolio-detail-dialog):not(#student-status-dialog)[open]{transform:translate(-50%,-50%) scale(.92)}}.dialog-close-bar{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.btn-close{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-muted);width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.btn-close:hover{background:#f43f5e33;color:#fb7185;border-color:#f43f5e66}.dialog-meta{color:var(--text-muted);font-size:.9rem;margin-bottom:.75rem}.dialog-title{font-size:2.25rem;line-height:1.25;margin-bottom:1rem}.dialog-badge{display:inline-block;background:var(--accent-yellow-glass);color:var(--accent-yellow);border:1px solid var(--accent-yellow);font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-sm);margin-bottom:2rem}.dialog-rich-text{font-size:1.05rem;line-height:1.7}.dialog-rich-text h3{font-size:1.4rem;margin:2rem 0 1rem;color:var(--accent-cyan)}.dialog-rich-text p{margin-bottom:1.25rem;color:var(--text-muted)}.dialog-rich-text ul,.dialog-rich-text ol{margin-bottom:1.5rem;padding-left:2rem;color:var(--text-muted)}.dialog-rich-text li{margin-bottom:.5rem}.dialog-rich-text pre{background:#020617;padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-glass);overflow-x:auto;margin-bottom:1.5rem}.dialog-rich-text code{font-family:monospace;font-size:.9rem;color:var(--accent-yellow)}body.dialog-open{overflow:hidden}#blog-detail-dialog,#portfolio-detail-dialog,#student-status-dialog{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;border:none;border-radius:0;background:#0b1120}.dialog-header-banner{height:45vh;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.dialog-header-banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0b11201a,#0b112099 60%,#0b1120);pointer-events:none}.dialog-header-banner.no-image{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0b1120)}.dialog-header-banner.no-image:before{content:"";position:absolute;top:20%;left:20%;width:60%;height:60%;background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%);filter:blur(40px)}.dialog-close-bar.floating{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;margin:0}.dialog-close-bar.floating .btn-close{background:#0b112099;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #00000080,inset 0 1px 1px #ffffff1a;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center}.dialog-close-bar.floating .btn-close svg{width:24px;height:24px;transition:transform .3s ease}.dialog-close-bar.floating .btn-close:hover{background:#f43f5ecc;border-color:#fb7185;color:#fff;box-shadow:0 0 20px #f43f5e99;transform:rotate(90deg) scale(1.05)}.dialog-body-container{max-width:860px;width:90%;margin:-8rem auto 4rem;position:relative;z-index:10;display:flex;flex-direction:column;gap:2.5rem}.dialog-grid-container{display:flex;gap:2.5rem;position:relative;align-items:flex-start}.dialog-content-area{flex:1;min-width:0}.dialog-toc-container{width:220px;flex-shrink:0;display:none}@media (max-width: 991px){.dialog-toc-container{display:none!important}.dialog-grid-container{flex-direction:column}}.dialog-toc-sticky{position:sticky;top:6rem;background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:1.25rem;box-shadow:0 8px 30px #0006,inset 0 1px #ffffff0d}.dialog-toc-sticky h4{color:var(--accent-cyan);font-family:var(--font-heading);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:0!important;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.5rem}.dialog-toc-sticky .toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.dialog-toc-sticky .toc-list li{margin:0;padding:0}.dialog-toc-sticky .toc-list a{text-decoration:none;font-size:.9rem;line-height:1.3;display:block;transition:var(--transition-smooth)}.dialog-title-card{background:#0f172ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:3rem;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.dialog-title-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent)}.dialog-rich-text{font-family:var(--font-body);font-size:1.15rem;line-height:1.85;color:var(--text-light);padding:0 1rem}.dialog-rich-text h1,.dialog-rich-text h2,.dialog-rich-text h3,.dialog-rich-text h4{font-family:var(--font-heading);font-weight:700;color:var(--text-white);line-height:1.3;margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.5px}.dialog-rich-text h1{font-size:2rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.5rem}.dialog-rich-text h2{font-size:1.65rem}.dialog-rich-text h3{font-size:1.35rem;color:var(--accent-cyan)}.dialog-rich-text p{margin-bottom:1.5rem;color:var(--text-muted)}.blog-img,.dialog-rich-text img{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border-glass);box-shadow:0 15px 35px #0009;margin:2rem 0;display:block;transition:transform .3s ease}.blog-img:hover,.dialog-rich-text img:hover{transform:scale(1.015)}.dialog-rich-text blockquote{border-left:4px solid var(--accent-cyan);background:#06b6d408;padding:1.25rem 1.75rem;margin:2rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:#e2e8f0}.dialog-rich-text pre{margin:2rem 0;background:#020617;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px 10px #000c}@media (max-width: 768px){.dialog-header-banner{height:30vh}.dialog-body-container{margin-top:-4rem;width:95%;gap:1.5rem}.dialog-title-card{padding:1.75rem}.dialog-title-card h2.dialog-title{font-size:1.75rem!important}.dialog-close-bar.floating{top:1rem;right:1rem}.dialog-close-bar.floating .btn-close{width:40px;height:40px}.dialog-close-bar.floating .btn-close svg{width:20px;height:20px}}.code-viewer-container{position:relative}.btn-copy-code{position:absolute;bottom:.75rem;right:.75rem;background:#0b1120a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:var(--text-muted);padding:.45rem .8rem;font-size:.8rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:.4rem;z-index:20;font-family:var(--font-heading);font-weight:600}.btn-copy-code:hover{background:#06b6d433;border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 12px #06b6d44d}.btn-copy-code.success{background:#10b98133;border-color:#10b981;color:#34d399;box-shadow:0 0 12px #10b9814d}.status-result-card{max-width:680px;margin:1.5rem auto;padding:3rem 2.5rem;background:#0f172a8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff0d;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.status-result-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent)}.status-result-card.accepted:before{background:linear-gradient(90deg,transparent,var(--accent-yellow),transparent)}.status-result-card.rejected:before{background:linear-gradient(90deg,transparent,#FB7185,transparent)}.status-result-card.accepted{border-color:#f59e0b4d;box-shadow:0 0 45px #f59e0b26,0 10px 40px #00000080;background:radial-gradient(circle at top,#f59e0b0a,#0f172a8c)}.accepted-card-wrapper{perspective:1000px;display:flex;justify-content:center;align-items:center;padding:1.5rem .5rem;width:100%}.accepted-card-wrapper .robot-student-card{max-width:520px;width:100%;border-width:4px;border-color:var(--accent-yellow);box-shadow:0 0 35px #f59e0b66,0 0 70px #06b6d433;transition:transform .4s ease,box-shadow .4s ease;transform:scale(1.05)}.accepted-card-wrapper .robot-student-card:hover{transform:scale(1.08) translateY(-5px);box-shadow:0 0 50px #f59e0b99,0 0 90px #06b6d44d}.accepted-card-wrapper .card-header{background:#f59e0b26;border-bottom:2px solid var(--accent-yellow);padding:1.5rem}.accepted-card-wrapper .card-title{font-size:1.3rem;color:var(--accent-yellow)}.accepted-card-wrapper .card-avatar{width:100px;height:100px;border-color:var(--accent-yellow);box-shadow:var(--shadow-glow-yellow)}.accepted-card-wrapper .card-avatar svg{width:50px;height:50px}.accepted-card-wrapper .card-name{font-size:1.65rem;text-shadow:0 0 10px rgba(255,255,255,.2)}.accepted-card-wrapper .card-class,.accepted-card-wrapper .card-id-row{font-size:.9rem}.accepted-card-wrapper .card-id-row span{font-size:1.1rem}.accepted-card-wrapper .card-body{grid-template-columns:100px 1fr;gap:1.75rem;padding:2.25rem 1.75rem}.accepted-card-wrapper .card-footer-barcode{padding:1.25rem;display:flex;justify-content:center}body.light-theme .glass-card,body.light-theme .dialog-title-card,body.light-theme .cms-form-card,body.light-theme .dialog-toc-sticky,body.light-theme .nav-link:hover,body.light-theme #blog-detail-dialog,body.light-theme #portfolio-detail-dialog,body.light-theme .data-table th,body.light-theme .data-table td,.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.portfolio-gallery-item{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--bg-glass);overflow:hidden;box-shadow:var(--shadow-card);transition:all .45s cubic-bezier(.4,0,.2,1)}.portfolio-gallery-item.winner-card{border:1.5px solid rgba(234,179,8,.45);box-shadow:0 4px 20px #0006,0 0 10px #eab30826}.portfolio-gallery-item.winner-card:hover{border-color:#eab308d9;box-shadow:0 4px 25px #00000080,0 0 20px #eab30873}.portfolio-gallery-item:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan),var(--shadow-card);transform:translateY(-4px)}.portfolio-gallery-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);display:block}.portfolio-gallery-item:hover .portfolio-gallery-img{transform:scale(1.08)}.portfolio-gallery-badges{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:center;z-index:5}.portfolio-badge{font-size:.7rem;font-weight:800;font-family:var(--font-heading);padding:.3rem .75rem;border-radius:30px;text-transform:uppercase;letter-spacing:.6px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.badge-success{background:#10b98159;border:1.5px solid rgba(16,185,129,.8);color:#6ee7b7;box-shadow:0 0 14px #10b98180,inset 0 1px #ffffff1a;text-shadow:0 0 8px rgba(16,185,129,.6)}.badge-progress{background:#f59e0b59;border:1.5px solid rgba(245,158,11,.8);color:#fde68a;box-shadow:0 0 14px #f59e0b80,inset 0 1px #ffffff1a;text-shadow:0 0 8px rgba(245,158,11,.6)}.badge-winner{background:#eab30859;border:1.5px solid rgba(234,179,8,.8);color:#fef08a;box-shadow:0 0 14px #eab30880,inset 0 1px #ffffff1a;text-shadow:0 0 8px rgba(234,179,8,.6);display:inline-flex;align-items:center;gap:.25rem}.portfolio-award-tag{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-heading);font-size:.65rem;font-weight:800;color:#fbbf24;text-transform:uppercase;letter-spacing:.75px;background:#eab3081f;border:1px solid rgba(234,179,8,.4);padding:.2rem .5rem;border-radius:4px;margin-bottom:.4rem;text-shadow:0 0 5px rgba(234,179,8,.3);box-shadow:0 0 8px #eab3081a}.portfolio-award-banner{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#eab30826,#eab30808);border:1px solid rgba(234,179,8,.4);border-radius:var(--radius-md);padding:.85rem 1.25rem;margin-top:1rem;margin-bottom:1rem;box-shadow:0 0 15px #eab3081a;position:relative;overflow:hidden}.portfolio-award-banner:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.15) 50%,transparent 55%);transform:rotate(45deg);animation:shine-gold 4s infinite;pointer-events:none}@keyframes shine-gold{0%{transform:translate(-30%,-30%) rotate(45deg)}to{transform:translate(30%,30%) rotate(45deg)}}.award-banner-icon{font-size:1.85rem;filter:drop-shadow(0 0 6px rgba(234,179,8,.6));line-height:1}.award-banner-text{flex-grow:1}.award-banner-label{font-family:var(--font-heading);font-size:.65rem;font-weight:800;color:#fbbf24;letter-spacing:1px;margin-bottom:.15rem}.award-banner-title{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--text-white)}.portfolio-category-badge{font-family:var(--font-heading);font-size:.65rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.5px;background:#0b1120d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--accent-cyan-glass);padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.portfolio-gallery-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(11,17,32,.98) 0%,rgba(11,17,32,.8) 40%,rgba(11,17,32,.2) 75%,transparent 100%);display:flex;align-items:flex-end;padding:1.5rem;z-index:3}.portfolio-gallery-content{width:100%}.portfolio-gallery-title{font-family:var(--font-heading);font-size:1.25rem;color:var(--text-white);margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1.25}.portfolio-gallery-creators{font-size:.8rem;color:var(--accent-yellow);font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.portfolio-gallery-desc{font-size:.85rem;color:var(--text-muted);line-height:1.45;max-height:0;margin-top:0;opacity:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:max-height .45s cubic-bezier(.4,0,.2,1),margin-top .45s cubic-bezier(.4,0,.2,1),opacity .35s ease}.portfolio-gallery-item:hover .portfolio-gallery-desc{max-height:120px;margin-top:.75rem;opacity:1;transition-delay:.05s}.code-viewer-container{display:none;background:#020617;border:1px solid var(--border-glass);border-radius:var(--radius-md);margin-top:1.5rem;overflow:hidden;max-height:0;transition:max-height .4s ease-out}.code-viewer-container.open{display:block;max-height:450px;animation:slidePanelOpen .4s cubic-bezier(.4,0,.2,1)}@keyframes slidePanelOpen{0%{max-height:0}to{max-height:450px}}.viewer-tabs{display:flex;background:#ffffff08;border-bottom:1px solid var(--border-glass)}.viewer-tab{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;padding:.75rem 1rem;color:var(--text-muted);font-family:var(--font-heading);font-weight:600;font-size:.85rem;cursor:pointer;text-align:center;transition:var(--transition-smooth)}.viewer-tab:hover{color:var(--text-white);background:#ffffff0d}.viewer-tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);background:#06b6d408}.viewer-content{display:none;padding:1.25rem;max-height:380px;overflow-y:auto}.viewer-content.active{display:block}.viewer-content pre{margin:0}.viewer-content code{font-family:monospace;font-size:.85rem;color:#a7f3d0;white-space:pre-wrap}.schematic-mock{display:flex;align-items:center;gap:1.5rem;padding:.5rem}.schematic-info{flex-grow:1}.schematic-info h4{font-size:1.1rem;color:var(--accent-yellow);margin-bottom:.5rem}.schematic-info ul{padding-left:1.25rem;color:var(--text-muted);font-size:.85rem}.schematic-info li{margin-bottom:.25rem}.reg-layout{max-width:800px;margin:0 auto}.progress-bar-container{margin-bottom:3.5rem}.step-tracker-list{display:flex;list-style:none;justify-content:space-between;position:relative;padding:0 1rem}.step-tracker-list:before{content:"";position:absolute;top:20px;left:5%;right:5%;height:4px;background:var(--bg-secondary);border:1px solid var(--border-glass);z-index:1;border-radius:2px}.step-track{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1;text-align:center}.step-num{width:44px;height:44px;background-color:var(--bg-secondary);border:2px solid var(--border-glass);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--text-muted);transition:var(--transition-smooth);margin-bottom:.75rem;box-shadow:var(--shadow-card)}.step-label{font-family:var(--font-heading);font-weight:600;font-size:.9rem;color:var(--text-muted);transition:var(--transition-smooth)}.step-track.active .step-num{border-color:var(--accent-cyan);background-color:var(--bg-primary);color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}.step-track.active .step-label{color:var(--accent-cyan);font-weight:700}.step-track.completed .step-num{border-color:var(--accent-yellow);background-color:var(--accent-yellow);color:var(--text-dark);box-shadow:var(--shadow-glow-yellow)}.step-track.completed .step-label{color:var(--accent-yellow)}.form-step-content{display:none}.form-step-content.active{display:block}.form-group{margin-bottom:2rem;display:flex;flex-direction:column}.form-label{font-family:var(--font-heading);font-weight:600;font-size:.95rem;color:var(--text-white);margin-bottom:.5rem}.form-label span{color:var(--accent-yellow)}.input-control{background:#0b112099;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);padding:.85rem 1.25rem;border-radius:var(--radius-md);color:var(--text-white);font-size:1rem;font-family:var(--font-body);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:48px;box-shadow:inset 0 2px 4px #0003}.input-control:hover{border-color:#ffffff26;background:#0b1120cc}.input-control:focus{outline:none;border-color:var(--accent-cyan);background:#020617e6;box-shadow:0 0 0 3px #06b6d433,inset 0 1px 2px #0000004d}textarea.input-control{min-height:120px;resize:vertical}.hint-text{font-size:.8rem;color:var(--text-muted);margin-top:.4rem}.radio-options-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.custom-radio-wrapper{flex-grow:1;position:relative}.custom-radio-wrapper input[type=radio]{position:absolute;opacity:0;width:0;height:0}.custom-radio-label{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-glass);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:600;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);min-height:48px;text-align:center}.custom-radio-wrapper input[type=radio]:checked+.custom-radio-label{border-color:var(--accent-cyan);background:var(--accent-cyan-glass);color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}.custom-radio-wrapper input[type=radio]:focus-visible+.custom-radio-label{outline:2px solid var(--accent-yellow)}@keyframes recommendPulse{0%{box-shadow:0 0 5px #06b6d433}to{box-shadow:0 0 20px #06b6d499}}.form-actions-row{display:flex;justify-content:space-between;margin-top:3rem;border-top:1px solid var(--border-glass);padding-top:2rem;gap:1.5rem}.form-actions-row .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.btn-step-icon{flex-shrink:0;transition:transform var(--transition-fast)}.btn-step-prev:hover .btn-step-icon{transform:translate(-3px)}.btn-step-next:hover .btn-step-icon,.btn-step-submit:hover .btn-step-icon{transform:translate(3px)}.form-group.has-error .input-control{border-color:#f43f5e!important;box-shadow:0 0 10px #f43f5e40!important}.error-message{font-size:.8rem;color:#fb7185;margin-top:.5rem;display:block;font-weight:500}.confirmation-card{background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.summary-item{display:grid;grid-template-columns:200px 1fr;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.summary-item:last-child{border-bottom:none}.summary-item.block{display:block}.summary-item.block p{margin-top:.5rem;background:var(--bg-secondary);padding:1rem;border-radius:var(--radius-md);font-size:.95rem;color:var(--text-muted)}.success-card{display:none;text-align:center;padding:4rem 2rem;animation:scaleUpIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleUpIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.success-icon-wrapper{width:100px;height:100px;background:var(--accent-yellow-glass);border:3px solid var(--accent-yellow);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:2rem;box-shadow:var(--shadow-glow-yellow);position:relative}.success-icon-wrapper svg{color:var(--accent-yellow)}.success-icon-wrapper:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px dashed var(--accent-yellow);border-radius:50%;animation:spinSlow 8s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-card h2{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-yellow)}.success-card p{color:var(--text-muted);max-width:500px;margin:0 auto 3rem}.success-card.glow-spark{background:radial-gradient(circle,rgba(250,204,21,.12) 0%,transparent 70%);border-radius:var(--radius-lg)}.robot-student-card{max-width:420px;margin:0 auto;background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid var(--accent-cyan);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-cyan);overflow:hidden;position:relative;text-align:left}.robot-student-card:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:#06b6d40d;border-radius:50%}.card-header{background:var(--accent-cyan-glass);padding:1.25rem 1.5rem;border-bottom:2px solid var(--accent-cyan);display:flex;justify-content:space-between;align-items:center}.card-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:var(--text-white);letter-spacing:1px}.card-logo{color:var(--accent-cyan)}.card-body{padding:2rem 1.5rem;display:grid;grid-template-columns:80px 1fr;gap:1.5rem;align-items:center}.card-avatar{width:80px;height:80px;background:#020617;border:2px solid var(--accent-yellow);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-yellow);box-shadow:var(--shadow-glow-yellow)}.card-info{display:flex;flex-direction:column;gap:.5rem}.card-name{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--text-white);line-height:1.15}.card-class{font-size:.8rem;font-weight:700;letter-spacing:1px;background:var(--accent-yellow-glass);color:var(--accent-yellow);border:1px solid var(--accent-yellow);padding:.15rem .5rem;border-radius:var(--radius-sm);width:fit-content}.card-id-row{margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.card-id-row span{font-family:monospace;font-size:.95rem;font-weight:700;color:var(--accent-cyan)}.card-footer-barcode{background:#020617;padding:.75rem 1.5rem;border-top:1px solid var(--border-glass);display:flex;justify-content:center}.main-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-glass);padding:4.5rem 0 2.5rem;margin-top:auto;color:var(--text-muted);font-size:.95rem;position:relative;overflow:hidden}.main-footer:before{content:"";position:absolute;top:0;left:30%;width:40%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);box-shadow:0 0 15px var(--accent-cyan)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:4rem}.footer-col{display:flex;flex-direction:column;gap:1.25rem}.brand-col .footer-tagline{font-size:.9rem;line-height:1.6;color:var(--text-muted)}.footer-socials{display:flex;gap:.75rem;margin-top:.5rem}.social-icon{width:38px;height:38px;border-radius:50%;background:#ffffff08;border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s cubic-bezier(.4,0,.2,1)}.social-icon:hover{background:var(--accent-cyan-glass);border-color:var(--accent-cyan);color:var(--text-white);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-glow-cyan)}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo-text{font-family:var(--font-heading);font-weight:800;color:var(--text-white);letter-spacing:1.2px}.footer-col-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-white);text-transform:uppercase;letter-spacing:1px;position:relative;padding-bottom:.5rem;border-bottom:2px solid rgba(255,255,255,.03)}.footer-col-title:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background-color:var(--accent-cyan)}.footer-col-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-col-links a{color:var(--text-muted);transition:all .25s ease;display:inline-block}.footer-col-links a:hover{color:var(--accent-cyan);transform:translate(4px)}.contact-info-list{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:.75rem}.contact-icon{font-size:1.1rem;flex-shrink:0}.contact-text{font-size:.9rem}.status-indicator-wrapper{background:#10b9810d;border:1px solid rgba(16,185,129,.15);padding:.5rem .75rem;border-radius:var(--radius-sm);width:fit-content;display:flex;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.status-indicator-wrapper:hover{background:#10b9811f;border-color:#10b98166;box-shadow:0 0 12px #10b98133;transform:translateY(-1px)}.status-indicator-wrapper.offline{background:#ef44440d!important;border-color:#ef444440!important}.status-indicator-wrapper.offline:hover{background:#ef44441f!important;border-color:#ef444473!important;box-shadow:0 0 12px #ef444433!important}.status-pulse-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;display:inline-block;margin-right:.5rem;position:relative;transition:background-color .3s ease}.status-indicator-wrapper.offline .status-pulse-dot{background-color:#ef4444}.status-pulse-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#10b981;border-radius:50%;animation:pulse-status 1.8s infinite ease-in-out;transition:background-color .3s ease}.status-indicator-wrapper.offline .status-pulse-dot:after{background-color:#ef4444}@keyframes pulse-status{0%{transform:scale(1);opacity:.8}to{transform:scale(2.4);opacity:0}}.status-text{font-size:.8rem;font-weight:700;color:#34d399;letter-spacing:.5px;transition:color .3s ease}.status-indicator-wrapper.offline .status-text{color:#f87171}.telemetry-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.telemetry-card:hover{transform:translateY(-2px);border-color:#ffffff26!important;box-shadow:0 4px 12px #00000040}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-copyright{border-top:none;padding-top:0;max-width:none;margin:0;text-align:left}.back-to-top-btn{background:#ffffff08;border:1px solid var(--border-glass);color:var(--text-muted);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-to-top-btn:hover{background:var(--accent-cyan-glass);border-color:var(--accent-cyan);color:var(--text-white);box-shadow:var(--shadow-glow-cyan);transform:translateY(-3px)}.back-to-top-btn svg{transition:transform .3s ease}.back-to-top-btn:hover svg{transform:translateY(-2px)}@media (max-width: 992px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (max-width: 576px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;text-align:center;align-items:center}.footer-copyright{text-align:center}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes fadeInCMS{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tableRowEntrance{to{opacity:1;transform:translateY(0)}}select.input-control{background-color:var(--bg-secondary)!important;color:var(--text-white)!important}select.input-control option{background-color:var(--bg-primary);color:var(--text-white)}@media (max-width: 992px){.cms-dashboard-layout{grid-template-columns:1fr;gap:2rem}.hero-grid{grid-template-columns:1fr;text-align:center;gap:4rem}.hero-actions{justify-content:center}.visi-misi-grid{grid-template-columns:1fr;gap:3rem}.blog-grid{grid-template-columns:1fr;gap:2rem;max-width:650px;margin:0 auto}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:850px;margin:0 auto}}@media (max-width: 768px){html{font-size:15px}.container{padding:0 1.5rem}.header-container{flex-direction:column;gap:1.5rem}.page-title-section h1,.page-title-section h2{font-size:2.5rem}.hero-title{font-size:2.8rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.checkbox-group-container{grid-template-columns:1fr;gap:1rem}.summary-item{grid-template-columns:1fr;gap:.25rem}.marquee-track{animation-duration:15s}.bg-glow-spot{filter:blur(50px)!important;animation:none!important}.glass-card{backdrop-filter:blur(6px) saturate(150%)!important;-webkit-backdrop-filter:blur(6px) saturate(150%)!important}.telemetry-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.stat-card{padding:1.75rem 1rem;backdrop-filter:blur(6px) saturate(150%)!important;-webkit-backdrop-filter:blur(6px) saturate(150%)!important}.stat-number{font-size:2.25rem}.stat-plus{font-size:1.35rem}.stat-label{font-size:.8rem}.portfolio-grid{grid-template-columns:1fr;gap:1.5rem;max-width:500px;margin:0 auto}.portfolio-gallery-overlay{height:60%;background:linear-gradient(to top,rgba(11,17,32,.96) 0%,rgba(11,17,32,.6) 40%,transparent 100%);padding:1rem}.portfolio-gallery-item{aspect-ratio:auto;height:280px}.portfolio-gallery-content{transform:translateY(0)!important}.portfolio-gallery-desc{opacity:1!important;font-size:.8rem;margin-top:.5rem;-webkit-line-clamp:2}.portfolio-gallery-title{font-size:1.15rem}.portfolio-gallery-creators{font-size:.75rem}.portfolio-gallery-overlay{padding:1.25rem 1rem;background:linear-gradient(to top,rgba(11,17,32,.98) 0%,rgba(11,17,32,.85) 55%,rgba(11,17,32,.3) 85%,transparent 100%)}}@media (prefers-reduced-motion: reduce){*{animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:.05s!important;scroll-behavior:auto!important}.robot-mascot,.bg-glow-spot,.custom-checkbox-wrapper.recommended,.success-icon-wrapper:after,.hero-tag{animation:none!important}.marquee-content,.marquee-track{animation:none!important;flex-wrap:wrap;white-space:normal}dialog{transform:none!important;transition-duration:.05s!important}@starting-style{dialog[open],dialog[open]::backdrop{transform:none!important;background-color:#020617d9!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}}}.status-badge{font-family:var(--font-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.35rem .75rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.status-badge.status-pending{background:#eab30826;border:1px solid rgba(234,179,8,.4);color:#facc15;text-shadow:0 0 6px rgba(250,204,21,.3);box-shadow:0 0 10px #facc151a}.pulsing-radar-icon{width:96px;height:96px;background:#facc150d;border:2px dashed rgba(250,204,21,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;position:relative}.radar-ping{position:absolute;width:100%;height:100%;border-radius:50%;background:#facc151a;animation:radar-pulse 2s infinite ease-out}@keyframes radar-pulse{0%{transform:scale(.95);opacity:1}to{transform:scale(1.6);opacity:0}}.wa-group-card{display:flex;background:#02061780;border:1px solid rgba(255,255,255,.05);border-left:4px solid #25D366;border-radius:var(--radius-md);padding:1.5rem;margin:2.5rem 0;align-items:flex-start;gap:1.25rem;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wa-icon-box{background:#25d3661a;border-radius:var(--radius-md);padding:.75rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(37,211,102,.2)}.wa-details h4{color:#25d366;font-size:1.15rem;margin-bottom:.5rem;font-family:var(--font-primary)}.wa-details p{font-size:.925rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.25rem}.btn-wa-group{background:#25d366!important;color:#0b1120!important;font-family:var(--font-primary);font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;padding:.85rem 1.75rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:8px;border:none;box-shadow:0 4px 20px #25d36666;transition:all .3s ease;cursor:pointer}.btn-wa-group:hover{background:#20ba59!important;transform:translateY(-2px);box-shadow:0 6px 24px #25d36699}@keyframes slideDownNotification{0%{transform:translateY(-120%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideUpNotification{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-140%) scale(.85);opacity:0}}@media (max-width: 768px){.wa-group-card{flex-direction:column;align-items:center;text-align:center}.wa-details{margin-left:0!important;margin-top:1rem;text-align:center}}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:500px;margin:0 auto}.countdown-item{background:#02061766;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1.25rem .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;box-shadow:var(--shadow-sm)}.countdown-item:hover{transform:translateY(-3px);border-color:#facc154d;box-shadow:0 5px 15px #facc151a}.countdown-val{font-family:var(--font-primary);font-size:2.25rem;font-weight:800;color:var(--accent-yellow);text-shadow:0 0 10px rgba(250,204,21,.4);line-height:1;margin-bottom:.35rem}.countdown-unit{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}#status-check-id-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 15px #06b6d44d}.countdown-grid.mini{grid-template-columns:repeat(4,75px)!important;gap:.5rem!important;margin:0!important;max-width:none!important}.countdown-grid.mini .countdown-item{padding:.5rem .25rem!important;border-radius:var(--radius-sm)!important}.countdown-grid.mini .countdown-val{font-size:1.35rem!important;margin-bottom:.15rem!important}.countdown-grid.mini .countdown-unit{font-size:.6rem!important}@media (max-width: 480px){.countdown-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.countdown-val{font-size:1.75rem}.telemetry-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.cms-tabs-bar{overflow-x:auto;white-space:nowrap;display:flex;flex-wrap:nowrap;padding:.35rem;margin-bottom:2.25rem;-webkit-overflow-scrolling:touch;border-radius:30px;gap:.35rem;box-shadow:inset 0 1px 2px #0006}.cms-tab-btn{padding:.6rem 1.15rem;font-size:.85rem;flex-shrink:0;border-radius:25px}dialog{padding:1.25rem;width:95%}dialog:not(#blog-detail-dialog):not(#portfolio-detail-dialog):not(#student-status-dialog){top:5%!important;transform:translate(-50%) scale(.95)!important;max-height:90vh!important}dialog:not(#blog-detail-dialog):not(#portfolio-detail-dialog):not(#student-status-dialog)[open]{transform:translate(-50%) scale(1)!important}.form-actions-row{flex-direction:row;gap:.75rem}.form-actions-row .btn{flex:1;min-width:0;padding:.75rem .5rem;font-size:.85rem;justify-content:center;align-items:center}.form-actions-row .btn-step-text{display:none}.form-actions-row .btn-step-icon{width:22px;height:22px;stroke-width:2.5}}@media (max-width: 576px){.header-container{padding:1.25rem 1rem;gap:1.25rem;flex-direction:column!important;align-items:center}.brand-text{font-size:1.3rem}.nav-menu{gap:.5rem;overflow-x:auto;width:100%;justify-content:center;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.nav-link{padding:.4rem .75rem;font-size:.85rem;white-space:nowrap;flex-shrink:0}.nav-admin-btn{padding:.4rem!important}.step-tracker-list:before{top:15px}.step-track .step-num{width:32px;height:32px;font-size:.9rem}.step-track .step-label{font-size:.7rem;margin-top:.25rem}.step-tracker-list{padding:0 .5rem}.robot-student-card{width:100%;max-width:100%;border-width:2px}.card-header{padding:1rem}.card-title{font-size:.9rem}.card-body{padding:1.25rem 1rem;grid-template-columns:60px 1fr;gap:1rem}.card-avatar{width:60px;height:60px}.card-avatar svg{width:28px;height:28px}.card-name{font-size:1.05rem!important}.card-class{font-size:.75rem;padding:.1rem .4rem}.card-footer-barcode svg{width:120px}.success-card{padding:2.5rem 1.25rem}.unique-id-display{padding:1rem;margin:1.5rem 0}.unique-id-display strong{font-size:1.5rem}.robot-mascot{transform:scale(.85);margin:0 auto}.status-result-card{padding:2rem 1.25rem;margin:1rem auto}.accepted-card-wrapper{padding:1rem 0}.accepted-card-wrapper .robot-student-card{transform:scale(1);border-width:3px}.accepted-card-wrapper .robot-student-card:hover{transform:translateY(-3px)}.accepted-card-wrapper .card-body{grid-template-columns:80px 1fr;gap:1.25rem;padding:1.75rem 1.25rem}.accepted-card-wrapper .card-avatar{width:80px;height:80px}.accepted-card-wrapper .card-avatar svg{width:40px;height:40px}.accepted-card-wrapper .card-name{font-size:1.35rem}}.blog-img{max-width:100%;height:auto;display:block;border-radius:var(--radius-md);margin:1.5rem auto;box-shadow:0 4px 15px #0003}