:root{--primary:#223267;--primary-glow:#2232670d;--accent:#2563eb;--canvas:#fff;--surface:#f8fafc;--glass:#fffc;--text-main:#0f172a;--text-muted:#64748b;--radius-full:100px;--radius-2xl:40px;--radius-xl:24px;--radius-lg:16px;--shadow-premium:0 20px 50px #22326714;--font-display:"Exo", sans-serif;--font-body:"Rubik", sans-serif}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--canvas);color:var(--text-main);line-height:1.5;overflow-x:hidden}.mesh-glow{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glow-1{filter:blur(80px);background:radial-gradient(circle,#2563eb0d 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-10%;right:-10%}.glow-2{filter:blur(100px);background:radial-gradient(circle,#22326708 0%,#0000 70%);width:50%;height:50%;position:absolute;bottom:-10%;left:-10%}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800}.container{max-width:1280px;margin:0 auto;padding:0 40px}.nav-wrapper{z-index:1000;width:100%;position:fixed;top:20px;left:0}.navbar{background:var(--glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);border:1px solid #fff6;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;box-shadow:0 10px 30px #00000008}.brand{font-family:var(--font-display);color:var(--primary);align-items:center;gap:12px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{height:32px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-main);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent)}.cta-btn{background:var(--primary);border-radius:var(--radius-full);padding:10px 24px;font-weight:600;transition:transform .3s,box-shadow .3s;color:#fff!important}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22326733}.hero{text-align:center;padding-top:200px;padding-bottom:120px}.badge-premium{background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;padding:8px 16px;font-size:.8rem;font-weight:700;display:inline-block}.hero-title{margin-bottom:24px;font-size:4.5rem;line-height:1.05}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-muted);max-width:600px;margin:0 auto 48px;font-size:1.25rem}.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:200px;gap:24px;margin-top:80px;display:grid}.bento-card{background:var(--canvas);border-radius:var(--radius-xl);border:1px solid #00000008;padding:32px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-premium);transform:scale(1.02)}.bento-card h3{margin-bottom:8px;font-size:1.5rem}.bento-card p{color:var(--text-muted);font-size:.95rem}.card-img{opacity:.15;filter:grayscale();height:180px;transition:opacity .3s,transform .3s;position:absolute;bottom:-20px;right:-20px}.bento-card:hover .card-img{opacity:.6;filter:grayscale(0);transform:rotate(-10deg)scale(1.1)}.web-apps{background:#eef2ff;grid-area:span 2/span 8}.mini-project{background:#fdf4ff;grid-area:span 2/span 4}.eng-drawing{background:#f0fdfa;grid-area:span 2/span 4}.writup{background:#fffbeb;grid-area:span 1/span 4}.ppt{background:#f8fafc;border:1px solid #e2e8f0;grid-area:span 1/span 4}.arts{background:#f1f5f9;grid-area:span 1/span 8}.section-tag{color:var(--accent);margin-bottom:12px;font-size:.9rem;font-weight:700;display:block}.section-head{margin-bottom:60px}.premium-form{flex-direction:column;gap:24px;margin-top:48px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-main);font-size:.9rem;font-weight:600}.form-input{border-radius:var(--radius-lg);background:var(--surface);width:100%;font-family:var(--font-body);color:var(--text-main);border:1px solid #e2e8f0;padding:16px 20px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 4px #2563eb1a}textarea.form-input{resize:vertical;min-height:120px}.btn-submit{cursor:pointer;border:none;align-self:flex-start;font-size:1rem}.footer{background:var(--surface);margin-top:150px;padding:100px 0 50px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:80px;display:grid}.footer-brand p{color:var(--text-muted);margin-top:20px}.footer-links h4{margin-bottom:24px;font-size:1rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--primary)}@media (width<=1024px){.container{padding:0 32px}.hero-title{font-size:3.2rem}.hero{padding-top:160px;padding-bottom:80px}}@media (width<=768px){.container{padding:0 20px}.navbar{height:60px;padding:0 20px}.nav-links{display:none}.brand span{font-size:1.1rem}.hero{padding-top:120px;padding-bottom:60px}.hero-title{font-size:2.4rem;line-height:1.2}.hero-sub{margin-bottom:32px;font-size:1rem}.bento-grid{flex-direction:column;gap:16px;margin-top:40px;display:flex}.bento-card{min-height:200px;padding:24px}.bento-card h3{font-size:1.25rem}.card-img{height:120px;bottom:-10px;right:-10px;opacity:.3!important;filter:grayscale(0)!important}.footer-grid{text-align:center;grid-template-columns:1fr;gap:40px}.footer-brand{margin-bottom:20px}.footer{margin-top:80px;padding:60px 0 40px}}@media (width<=480px){.hero-title{font-size:2.1rem}.cta-btn{text-align:center;width:100%}.hero div[style*="display: flex"]{flex-direction:column}}