*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background-color:#0b0f19;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0b0f19e6;border-bottom:1px solid #ffffff14;width:100%;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:1rem;width:90%;max-width:1200px;min-height:80px;margin:0 auto;display:flex}.logo{color:#fff}.logo-wrap{align-items:center;gap:.75rem;display:flex}.logo-image{border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.logo-image img{object-fit:cover;width:100%;height:100%}.logo-text{letter-spacing:2px;color:#fff;font-size:1.4rem;font-weight:700}.nav-links{align-items:center;gap:1.4rem;display:flex}.nav-links a{color:#d1d5db;background-color:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;transition:all .3s;display:flex}.nav-links a:hover{color:#fff;background-color:#ffffff1f;transform:translateY(-2px)}.nav-right{align-items:center;gap:1rem;display:flex}.nav-time{color:#d1d5db;min-width:90px;font-size:.92rem}.nav-btn{color:#0b0f19;white-space:nowrap;background-color:#fff;border-radius:999px;padding:.8rem 1.4rem;font-size:.95rem;font-weight:600;transition:all .3s}.nav-btn:hover{background-color:#dcdcdc}@media (width<=576px){.nav-container{grid-template-columns:1fr auto;grid-template-areas:"logo time""links button";align-items:center;gap:.9rem .8rem;min-height:auto;padding:.9rem 0;display:grid}.logo{grid-area:logo}.nav-right{display:contents}.nav-time{grid-area:time;justify-self:end;min-width:auto;font-size:.82rem}.nav-links{grid-area:links;justify-self:start;gap:.7rem}.nav-btn{grid-area:button;justify-self:end;padding:.7rem 1rem;font-size:.88rem}.logo-image{width:36px;height:36px}.logo-text{letter-spacing:1px;font-size:1.1rem}.nav-links a{width:38px;height:38px;font-size:.9rem}}.hero{align-items:center;min-height:calc(100vh - 80px);padding:4rem 0;display:flex}.hero-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;width:90%;max-width:1200px;margin:0 auto;display:grid}.hero-text{flex-direction:column;gap:1.5rem;display:flex}.hero-intro{text-transform:uppercase;letter-spacing:2px;color:#9ca3af;font-size:.95rem}.hero-text h1{color:#fff;max-width:700px;font-size:4rem;line-height:1.1}.hero-description{color:#d1d5db;max-width:620px;font-size:1.05rem;line-height:1.8}.hero-actions{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.hero-btn{border-radius:999px;padding:.95rem 1.6rem;font-weight:600;transition:all .3s}.primary-btn{color:#0b0f19;background-color:#fff}.primary-btn:hover{background-color:#dcdcdc}.secondary-btn{color:#fff;border:1px solid #ffffff2e}.secondary-btn:hover{background-color:#ffffff14}.hero-visual{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.hero-image-frame{background-color:#ffffff08;border:1px solid #ffffff14;border-radius:28px;width:100%;max-width:470px;height:520px;overflow:hidden;box-shadow:0 18px 40px #00000047}.hero-workspace-image{object-fit:cover;object-position:center;width:100%;height:100%}.floating-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff14;border-radius:20px;max-width:240px;padding:1rem 1.2rem;position:absolute;box-shadow:0 12px 25px #0003}.floating-card p{text-transform:uppercase;letter-spacing:1.5px;color:#9ca3af;margin-bottom:.55rem;font-size:.82rem}.floating-card h3{color:#fff;font-size:1rem;line-height:1.5}.card-one{top:35px;right:-20px}.card-two{bottom:35px;left:-20px}@media (width<=992px){.hero-container{grid-template-columns:1fr}.hero-text h1{font-size:3rem}.hero-visual{min-height:480px}.hero-image-frame{max-width:420px;height:470px}.card-one{top:20px;right:10px}.card-two{bottom:20px;left:10px}}@media (width<=576px){.hero{padding:3rem 0}.hero-text h1{font-size:2.3rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:flex-start;width:100%}.hero-btn{text-align:center;width:100%}.hero-visual{min-height:390px}.hero-image-frame{border-radius:22px;max-width:100%;height:360px}.floating-card{max-width:180px;padding:.8rem 1rem}.floating-card h3{font-size:.9rem}.card-one{top:10px;right:0}.card-two{bottom:10px;left:0}}.about{padding:6rem 0}.about-container{grid-template-columns:.9fr 1.1fr;align-items:start;gap:3rem;width:90%;max-width:1200px;margin:0 auto;display:grid}.section-tag{text-transform:uppercase;letter-spacing:2px;color:#9ca3af;margin-bottom:1rem;font-size:.9rem}.about-left h2{color:#fff;max-width:420px;font-size:2.6rem;line-height:1.2}.about-right{flex-direction:column;gap:1.5rem;display:flex}.about-right p{color:#d1d5db;font-size:1.02rem;line-height:1.9}.about-profile-circle{background-color:#ffffff08;border:4px solid #ffffff14;border-radius:50%;width:260px;height:260px;margin-top:2rem;overflow:hidden;box-shadow:0 12px 30px #00000040}.about-profile-circle img{object-fit:cover;width:100%;height:100%}@media (width<=992px){.about-container{grid-template-columns:1fr}.about-left h2{max-width:100%}}@media (width<=576px){.about{padding:4rem 0}.about-left h2{font-size:2rem}.about-right p{font-size:.98rem;line-height:1.8}}.stack{padding:6rem 0}.stack-container{width:90%;max-width:1200px;margin:0 auto}.stack-heading{max-width:700px;margin-bottom:2.5rem}.stack-heading h2{color:#fff;margin-bottom:1rem;font-size:2.6rem;line-height:1.2}.stack-subtext{color:#d1d5db;font-size:1rem;line-height:1.8}.stack-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.stack-card{text-align:center;color:#fff;background-color:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:1.2rem 1rem;font-weight:500;transition:all .3s}.stack-card:hover{background-color:#ffffff17;transform:translateY(-4px)}@media (width<=992px){.stack-grid{grid-template-columns:repeat(3,1fr)}.stack-heading h2{font-size:2.2rem}}@media (width<=576px){.stack{padding:4rem 0}.stack-grid{grid-template-columns:repeat(2,1fr)}.stack-heading h2{font-size:2rem}.stack-subtext{font-size:.98rem}.stack-card{padding:1rem .8rem;font-size:.95rem}}.projects{padding:6rem 0}.projects-container{width:90%;max-width:1200px;margin:0 auto}.projects-heading{max-width:760px;margin-bottom:2.5rem}.projects-heading h2{color:#fff;margin-bottom:1rem;font-size:2.6rem;line-height:1.2}.projects-subtext{color:#d1d5db;font-size:1rem;line-height:1.8}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.project-card{background-color:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:2rem;transition:all .3s}.project-card:hover{background-color:#ffffff14;transform:translateY(-6px)}.project-category{text-transform:uppercase;letter-spacing:2px;color:#9ca3af;margin-bottom:1rem;font-size:.85rem}.project-card h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.project-description{color:#d1d5db;margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.project-stack{flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem;display:flex}.project-stack span{color:#fff;background-color:#ffffff14;border-radius:999px;padding:.5rem .9rem;font-size:.9rem}.project-links{gap:1.2rem;display:flex}.project-links a{color:#fff;font-size:.95rem;font-weight:600;transition:color .3s}.project-links a:hover{color:#d1d5db}@media (width<=992px){.projects-grid{grid-template-columns:1fr}.projects-heading h2{font-size:2.2rem}}@media (width<=576px){.projects{padding:4rem 0}.projects-heading h2{font-size:2rem}.projects-subtext,.project-description{font-size:.98rem}.project-card{padding:1.5rem}.project-links{flex-direction:column;gap:.8rem}}.contact{padding:6rem 0}.contact-container{width:90%;max-width:1200px;margin:0 auto}.contact-heading{max-width:720px;margin-bottom:2.5rem}.contact-heading h2{color:#fff;margin-bottom:1rem;font-size:2.6rem;line-height:1.2}.contact-subtext{color:#d1d5db;font-size:1rem;line-height:1.8}.contact-content{grid-template-columns:.9fr 1.1fr;gap:1.5rem;display:grid}.contact-info{flex-direction:column;gap:1rem;display:flex}.contact-card{background-color:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:1.5rem}.contact-card h3{color:#fff;margin-bottom:.6rem;font-size:1rem}.contact-card a{color:#d1d5db;word-break:break-word;line-height:1.7}.contact-form{background-color:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:1rem;padding:1.8rem;display:flex}.contact-form input,.contact-form textarea{color:#fff;background-color:#ffffff08;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;padding:1rem 1.1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9ca3af}.contact-form button{color:#0b0f19;cursor:pointer;background-color:#fff;border:none;border-radius:999px;padding:1rem 1.4rem;font-weight:600;transition:all .3s}.contact-form button:hover{background-color:#dcdcdc}.form-status{color:#d1d5db;margin-top:.4rem;font-size:.95rem}.form-status.success{color:#4ade80}.form-status.error{color:#f87171}@media (width<=992px){.contact-content{grid-template-columns:1fr}.contact-heading h2{font-size:2.2rem}}@media (width<=576px){.contact{padding:4rem 0}.contact-heading h2{font-size:2rem}.contact-subtext{font-size:.98rem}.contact-form,.contact-card{padding:1.3rem}}.footer{padding:2rem 0 3rem}.footer-container{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;width:90%;max-width:1200px;margin:0 auto;padding-top:2rem;display:flex}.footer-container p{color:#9ca3af;font-size:.95rem}@media (width<=576px){.footer-container{flex-direction:column;align-items:flex-start}.footer-container p{font-size:.9rem}}.work{padding:6rem 0}.work-container{width:90%;max-width:1200px;margin:0 auto}.work-heading{max-width:760px;margin-bottom:2.5rem}.work-heading h2{color:#fff;margin-bottom:1rem;font-size:2.6rem;line-height:1.2}.work-subtext{color:#d1d5db;font-size:1rem;line-height:1.8}.work-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.work-card{background-color:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:2rem;transition:all .3s}.work-card:hover{background-color:#ffffff14;transform:translateY(-6px)}.work-card h3{color:#fff;margin-bottom:1rem;font-size:1.35rem}.work-card ul{flex-direction:column;gap:.9rem;list-style:none;display:flex}.work-card li,.work-card-text{color:#d1d5db;font-size:1rem;line-height:1.8}@media (width<=992px){.work-grid{grid-template-columns:1fr}.work-heading h2{font-size:2.2rem}}@media (width<=576px){.work{padding:4rem 0}.work-heading h2{font-size:2rem}.work-subtext,.work-card li,.work-card-text{font-size:.98rem}.work-card{padding:1.5rem}}