:root{--bg:#f6f7f9;--text-main:#111;--text-muted:#5c5c6a;--accent:#0aaee8;--accent-hover:#0088bf;--card-bg:#fff;--card-border:1px solid #e4e7ec;--card-shadow:0 4px 20px #0000000a;--badge-bg:#0aaee81a;--btn-bg:#111;--btn-text:#fff;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--font-display:"Space Grotesk", sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-body);min-height:100vh;line-height:1.6;overflow-x:hidden}.top-strip{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-hover) 100%);z-index:1001;height:4px;position:fixed;top:0;left:0;right:0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#f5f5f3d9;border-bottom:1px solid #00000012;padding:16px 0;position:sticky;top:0}.navbar .nav-flex{justify-content:space-between;align-items:center;display:flex}.navbar .logo{font-family:var(--font-display);letter-spacing:-1px;color:var(--text-main);align-items:center;gap:6px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.navbar .logo span{color:var(--accent)}.navbar nav{align-items:center;gap:28px;display:flex}.navbar nav a{color:var(--text-muted);font-size:14px;font-weight:600;text-decoration:none}.navbar nav a:hover{color:var(--text-main)}.navbar nav a.active{color:var(--accent)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #0aaee833}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--btn-bg);color:var(--btn-text)}.btn-secondary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{color:var(--text-main);background:0 0;border:1px solid #0000001a}.btn-outline:hover{background:#00000008;transform:translateY(-1px)}.hero-viewport{flex-direction:column;min-height:calc(100vh - 72px);padding-top:40px;display:flex}.hero-viewport .marquee-section{grid-column:unset;margin-top:auto}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(160px,auto);gap:20px;padding:40px 0;display:grid}.bento-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);flex-direction:column;justify-content:flex-start;padding:32px;display:flex}.navbar nav a.btn-secondary{color:var(--btn-text)}.navbar nav a.btn-primary{color:#fff}.bento-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000000a}.card-hero{flex-direction:column;grid-area:span 2/span 3;justify-content:center;padding:48px;display:flex}.card-hero h1{margin-bottom:20px;font-size:52px;line-height:1.1}.card-hero p{font-size:16px;line-height:1.7}.card-photo{grid-area:span 2/span 1;padding:0;overflow:hidden}.card-photo img{object-fit:cover;width:100%;height:100%}.card-subteam{grid-area:span 1/span 2}.card-stat,.card-members{grid-area:span 1/span 1}.card-resources,.card-login{grid-area:span 1/span 2}.badge{background:var(--badge-bg);color:var(--accent);text-transform:uppercase;width:fit-content;font-size:11px;font-weight:700;font-family:var(--font-display);border-radius:100px;margin-bottom:20px;padding:6px 14px;display:inline-block}h1{font-family:var(--font-display);letter-spacing:-1.5px;margin-bottom:16px;font-size:44px;font-weight:800;line-height:1.15}h2{font-family:var(--font-display);margin-bottom:20px;font-size:32px;font-weight:700}h3{font-family:var(--font-display);margin-bottom:12px;font-size:20px;font-weight:700}p{color:var(--text-muted);font-size:14px;line-height:1.6}.marquee-section{background:var(--bg);border-top:var(--card-border);border-bottom:var(--card-border);grid-column:span 4;margin:10px 0;padding:28px 0;overflow:hidden}.marquee-viewport{width:100%;display:flex;position:relative;overflow:hidden}.marquee-viewport:before,.marquee-viewport:after{content:"";z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.marquee-viewport:before{background:linear-gradient(90deg, var(--bg) 0%, transparent 100%);left:0}.marquee-viewport:after{background:linear-gradient(-90deg, var(--bg) 0%, transparent 100%);right:0}.marquee-track{will-change:transform;align-items:center;gap:40px;width:max-content;animation:25s linear infinite marqueeRun;display:flex}.marquee-viewport:hover .marquee-track{animation-play-state:paused}.sponsor-logo-card{background:var(--card-bg);border:var(--card-border);height:65px;box-shadow:var(--card-shadow);border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;transition:all .25s;display:flex}.sponsor-logo-card img{object-fit:contain;filter:grayscale();opacity:.65;max-width:140px;height:32px;transition:all .25s}.sponsor-logo-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0aaee81f}.sponsor-logo-card:hover img{filter:grayscale(0%);opacity:1}@keyframes marqueeRun{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.robots-archive-section{border-top:var(--card-border);padding:80px 0}.robots-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;display:grid}.robot-archive-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.robot-archive-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 16px 36px #0000000d}.robot-card-image{background:#f1f5f9;height:220px;overflow:hidden}.robot-card-image img{object-fit:cover;width:100%;height:100%}.robot-card-body{flex-direction:column;gap:12px;padding:24px;display:flex}.robot-card-year{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:700}.robot-details-layout{grid-template-columns:1.2fr .8fr;gap:40px;padding:40px 0 80px;display:grid}.stage-container{border:var(--card-border);border-radius:var(--radius-lg);height:520px;box-shadow:var(--card-shadow);background:#eaeaea;position:relative;overflow:hidden}.stage-loading{z-index:10;font-family:var(--font-display);background:#eaeaea;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.spinner{border:4px solid #0aaee81f;border-left-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stage-instructions{z-index:5;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.stage-badge{background:var(--text-main);color:#fff;font-size:11px;font-family:var(--font-display);opacity:.8;border-radius:4px;padding:6px 14px;font-weight:700}.robot-specs-panel{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);flex-direction:column;gap:28px;padding:40px;display:flex}.robot-specs-panel h1{margin-bottom:8px}.spec-list{flex-direction:column;gap:16px;display:flex}.spec-row{border-bottom:1px solid #eaecf0;justify-content:space-between;padding-bottom:8px;font-size:14px;display:flex}.spec-label{color:var(--text-muted);font-weight:700}.spec-value{color:var(--text-main)}.specs-achievements-list{flex-direction:column;gap:12px;display:flex}.achievement-item{gap:10px;font-size:14px;display:flex}.achievement-item:before{content:"★";color:var(--accent)}.auth-page-container{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-lg);max-width:420px;box-shadow:var(--card-shadow);margin:80px auto;padding:40px}.auth-tabs{border-bottom:2px solid #e4e7ec;margin-bottom:28px;display:flex}.auth-tab{text-align:center;cursor:pointer;color:var(--text-muted);border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding-bottom:12px;font-weight:700}.auth-tab.active{color:var(--text-main);border-bottom-color:var(--accent)}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--text-muted);font-size:12px;font-weight:700}.form-group input{border-radius:var(--radius-sm);color:var(--text-main);border:1px solid #e4e7ec;outline:none;padding:12px;font-family:inherit;font-size:14px}.form-group input:focus{border-color:var(--accent)}.divider{text-align:center;color:var(--text-muted);align-items:center;margin:24px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #e4e7ec;flex:1}.divider:not(:empty):before{margin-right:.5em}.divider:not(:empty):after{margin-left:.5em}.btn-google{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-main);background:#fff;border:1px solid #e4e7ec;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:13px;font-weight:700;display:flex}.btn-google:hover{background:#f6f7f9}.btn-google img{width:18px;height:18px}.auth-error{color:#ef4444;margin-bottom:16px;font-size:13px}.resources-layout{padding:40px 0 80px}.resources-header{border-bottom:var(--card-border);justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding-bottom:24px;display:flex}.resources-grid-view{grid-template-columns:280px 1fr;gap:40px;display:grid}.resources-sidebar{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-md);flex-direction:column;gap:20px;height:fit-content;padding:24px;display:flex}.role-badge-large{background:var(--badge-bg);color:var(--accent);text-align:center;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700}.sidebar-menu{flex-direction:column;gap:8px;display:flex}.sidebar-menu-btn{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600}.sidebar-menu-btn:hover{color:var(--text-main);background:#00000008}.sidebar-menu-btn.active{background:var(--badge-bg);color:var(--accent)}.resources-list{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.resource-item-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);flex-direction:column;justify-content:space-between;gap:16px;padding:28px;display:flex}.resource-item-card h3{margin-bottom:4px}.resource-meta{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.admin-table-container{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);margin-top:40px;overflow:hidden}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid #eaecf0;padding:16px 24px}.admin-table th{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);background:#f6f7f9;font-size:12px;font-weight:700}.admin-table td{font-size:14px}.admin-table tr:last-child td{border-bottom:none}.role-select{color:var(--text-main);background:#fff;border:1px solid #e4e7ec;border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.role-select:focus{border-color:var(--accent)}footer{color:#888;background:#111;margin-top:80px;padding:60px 0}footer .footer-flex{justify-content:space-between;align-items:center;display:flex}footer .logo{font-family:var(--font-display);color:#fff;font-size:20px;font-weight:800}footer .logo span{color:var(--accent)}footer p{color:#777;font-size:12px}.hamburger-btn{cursor:pointer;z-index:1010;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:none}.hamburger-btn .bar{background-color:var(--text-main);border-radius:4px;width:100%;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-btn.active .bar:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-btn.active .bar:nth-child(2){opacity:0}.hamburger-btn.active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (width<=968px){.hero-viewport{gap:16px;min-height:auto;padding-top:16px}.hero-viewport-content{grid-template-columns:1fr!important;grid-auto-rows:auto!important}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px;padding:20px 0}.card-hero,.card-photo,.card-subteam,.card-stat,.card-members,.card-resources,.card-login,.marquee-section{grid-area:span 1/span 1}.card-hero{padding:24px!important}.card-hero h1{font-size:32px!important;line-height:1.2!important}.card-hero p{font-size:14px!important;line-height:1.6!important}.card-photo{height:200px}.robots-grid,.robot-details-layout,.resources-grid-view{grid-template-columns:1fr}footer{margin-top:40px!important;padding:40px 0!important}footer .footer-flex{text-align:center!important;flex-direction:column!important;gap:24px!important}footer div{align-items:center!important}.hamburger-btn{display:flex}.nav-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;z-index:999;background:#f5f5f3fa;border-bottom:1px solid #00000012;flex-direction:column;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 15px 30px #0000000d;align-items:stretch!important;gap:0!important;padding:16px 24px 24px!important}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu a{border-bottom:1px solid #0000000a;width:100%;padding:16px 0;font-size:15px!important}.nav-menu a.active{border-bottom-color:var(--accent)}.nav-menu .nav-dropdown,.nav-menu .btn-login-nav{width:100%;margin-top:16px!important}.nav-menu .btn-login-nav,.nav-menu .nav-dropdown button{justify-content:center!important;width:100%!important;margin-left:0!important;padding:12px!important}.nav-menu .dropdown-menu-list{width:100%;margin-top:8px;box-shadow:none!important;border:1px solid #00000012!important;position:static!important}.floating-socials{display:none!important}}.dropdown-item-link{border-radius:6px;margin:2px 8px;transition:background .15s,color .15s}.dropdown-item-link:hover{background:#f1f5f9;color:var(--accent)!important}.dropdown-item-link.logout-btn:hover{background:#fee2e2;color:#ef4444!important}.floating-socials{z-index:999;flex-direction:column;gap:12px;display:flex;position:fixed;top:55%;right:20px;transform:translateY(-50%)}.floating-social-btn{color:#111;background:#fff;border:1px solid #e4e7ec;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000012}.floating-social-btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.1)translate(-2px);color:#fff!important}.floating-social-btn svg{fill:currentColor;width:20px;height:20px;transition:fill .2s}.carousel-slide{pointer-events:none}.carousel-slide.active{pointer-events:auto}.carousel-arrow:hover{transform:translateY(-50%)scale(1.05);background:var(--accent)!important;border-color:var(--accent)!important}.carousel-dots button{transition:all .2s}.carousel-dots button:hover{transform:scale(1.2);background:var(--accent)!important}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto)}.card-size-1x1{grid-area:span 1/span 1}.card-size-2x1{grid-area:span 1/span 2}.card-size-1x2{grid-area:span 2/span 1}.card-size-2x2{grid-area:span 2/span 2}.card-theme-brass{box-shadow:0 10px 25px #005fa833;color:#fff!important;background:#005fa8!important;border:1px solid #005fa8!important}.card-theme-brass h3{color:#fff!important}.card-theme-brass p{color:#ffffffd9!important}.card-theme-dark{box-shadow:0 10px 25px #00000026;color:#fff!important;background:#111!important;border:1px solid #111!important}.card-theme-dark h3{color:#fff!important}.card-theme-dark p{color:#fffc!important}.card-theme-white{color:var(--text-main)!important;border:var(--card-border)!important;background:#fff!important}.card-theme-white h3{color:var(--text-main)!important}.card-theme-white p{color:var(--text-muted)!important}.cms-sidebar .btn{transition:all .2s cubic-bezier(.16,1,.3,1)}.cms-sidebar .btn-outline{background:#fff;border-color:#e2e8f0}.cms-sidebar .btn-outline:hover{color:var(--accent);border-color:var(--accent);background:#f8fafc}.cms-content-panel{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{color:var(--text-main);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-group input[type=text],.form-group input[type=url],.form-group input[type=number],.form-group select{border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #e2e8f0;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #0aaee81f}.form-group input[type=file]{width:100%;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;padding:10px;font-size:13px;display:block}.upload-progress-container{background:#e2e8f0;border-radius:3px;overflow:hidden}.upload-progress-bar{transition:width .2s}.blog-detail-view{border-radius:var(--radius-lg);border:var(--card-border);box-shadow:var(--card-shadow);background:#fff;padding:48px}.blog-body-text{font-family:var(--font-body);letter-spacing:.2px}@media (width<=768px){.hero-viewport{height:480px!important}.carousel-text-overlay{padding:20px!important;bottom:20px!important;left:10px!important;right:10px!important}.carousel-text-overlay h1{font-size:26px!important}.carousel-text-overlay p{font-size:13px!important}.carousel-arrow{display:none!important}.cms-dashboard-layout{grid-template-columns:1fr!important;gap:20px!important}.bento-grid{grid-template-columns:1fr!important}.card-size-1x1,.card-size-2x1,.card-size-1x2,.card-size-2x2{grid-area:span 1/span 1!important}.blog-detail-view{padding:24px!important}}