.home-page{padding:6rem 2rem 2rem;min-height:100vh}.home-grid{max-width:1100px;margin:auto}.home-heading{font-size:3rem;font-weight:800;margin-bottom:1rem}.home-sub{color:var(--text-muted);margin-bottom:1rem}.home-desc{max-width:500px;margin-bottom:2rem}.home-ctas{display:flex;gap:1rem}.home-tag{font-size:.8rem;color:var(--accent);margin-bottom:1rem}.about-page{padding:6rem 2rem;max-width:1100px;margin:auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.about-bio{color:var(--text-muted);line-height:1.8}.skills-panel{display:flex;flex-direction:column;gap:1rem}.skill-card{background:var(--bg-card);padding:1.2rem;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.skill-card:hover{transform:translateY(-3px);border-color:var(--accent)}.skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.skill-tags span{background:#ffffff0d;padding:.3rem .6rem;border-radius:6px;font-size:.75rem}.projects-page{padding:6rem 2rem;max-width:1100px;margin:auto}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card{background:linear-gradient(145deg,#121821,#0e141b);padding:1.6rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease;position:relative}.project-card:hover{transform:translateY(-6px);border-color:#00e5ff66;box-shadow:0 10px 40px #0009}.project-header{display:flex;justify-content:space-between;align-items:center}.project-header h3{font-size:1.1rem;font-weight:700}.project-duration{font-size:.7rem;color:#7a8494}.project-desc{margin-top:.6rem;font-size:.9rem;color:#94a3b8;line-height:1.6}.project-tech{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.project-tech span{font-size:.7rem;padding:.35rem .7rem;background:#00e5ff1a;border:1px solid rgba(0,229,255,.2);border-radius:20px;color:#00e5ff;transition:.2s ease}.project-tech span:hover{background:#00e5ff33}.project-tech span:hover .projects-page{padding:6rem 2rem;max-width:900px;margin:auto}.project-tech span:hover .projects-list{display:flex;flex-direction:column;gap:1.5rem}.project-tech span:hover .project-card{background:linear-gradient(145deg,#121821,#0e141b);padding:1.6rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);transition:.3s ease}.project-tech span:hover .project-card:hover{transform:translateY(-4px);border-color:#00e5ff66}.project-tech span:hover .project-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.project-tech span:hover .project-top h3{font-size:1.1rem;font-weight:700}.project-tech span:hover .project-duration{font-size:.7rem;color:#7a8494}.project-tech span:hover .github-btn{font-size:.75rem;padding:.4rem .8rem;border-radius:8px;border:1px solid rgba(0,229,255,.3);color:#00e5ff;transition:.2s ease;white-space:nowrap}.project-tech span:hover .github-btn:hover{background:#00e5ff26}.project-tech span:hover .project-desc{margin-top:.7rem;color:#94a3b8;font-size:.9rem}.project-tech span:hover .project-tech{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.project-tech span:hover .project-tech span{font-size:.7rem;padding:.3rem .6rem;background:#00e5ff1a;border-radius:20px;color:#00e5ff}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.contact-page{min-height:100vh;padding:6rem 1.5rem 2rem;display:flex;justify-content:center;align-items:flex-start}.contact-form{width:100%;max-width:500px;background:linear-gradient(145deg,#121821,#0e141b);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;gap:1.2rem;transition:.3s ease}.contact-form:hover{border-color:#00e5ff40}.contact-form input,.contact-form textarea{width:100%;padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#e8eef7;font-size:.9rem;outline:none;transition:.25s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#7a8494}.contact-form input:focus,.contact-form textarea:focus{border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff26}.contact-form textarea{min-height:130px;resize:none}.contact-form button{margin-top:.5rem;padding:.8rem;border-radius:10px;border:none;background:#00e5ff;color:#0b0f14;font-weight:600;font-size:.95rem;cursor:pointer;transition:.25s ease}.contact-form button:hover{transform:translateY(-2px);background:#00c8e6}.contact-form button:active{transform:scale(.98)}@media(max-width:600px){.contact-form{padding:1.5rem}}:root{--bg: #0b0f14;--bg-card: #121821;--border: rgba(255,255,255,.08);--accent: #00e5ff;--accent-soft: rgba(0,229,255,.12);--text: #e8eef7;--text-muted: #94a3b8;--radius: 12px;--transition: .25s ease}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.6}.navbar{position:fixed;top:0;width:100%;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.navbar.scrolled{background:#0b0f14d9;border-bottom:1px solid var(--border)}.nav-links{display:flex;gap:.5rem}.nav-btn{padding:.4rem .9rem;border-radius:8px;color:var(--text-muted);transition:var(--transition)}.nav-btn:hover{background:#ffffff0d;color:var(--text)}.nav-btn.active{color:var(--accent)}.menu-toggle{display:none}.mobile-drawer{position:fixed;top:64px;width:100%;background:var(--bg);display:flex;flex-direction:column;padding:1rem;transform:translateY(-100%);transition:var(--transition)}.mobile-drawer.open{transform:translateY(0)}.section-title{font-size:2rem;margin-bottom:2rem;font-weight:700}.btn-primary{background:var(--accent);color:#000;padding:.6rem 1.2rem;border-radius:8px;font-weight:600}.btn-ghost{border:1px solid var(--border);padding:.6rem 1.2rem;border-radius:8px}.cursor-glow{position:fixed;width:300px;height:300px;background:radial-gradient(circle,rgba(0,229,255,.08),transparent);pointer-events:none;transform:translate(-50%,-50%)}@media(max-width:768px){.nav-links{display:none}.menu-toggle{display:block}}.btn-primary,.btn-ghost{transition:all .3s ease;cursor:pointer}.btn-primary{background:#4f46e5;color:#fff;border:none;padding:12px 22px;border-radius:10px}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #4f46e566}.btn-ghost{background:transparent;border:2px solid #4f46e5;color:#4f46e5;padding:12px 22px;border-radius:10px}.btn-ghost:hover{background:#4f46e5;color:#fff;transform:translateY(-3px)}