*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,sans-serif}html{scroll-behavior:smooth}body{background:#f5f5f7;color:#1d1d1f;overflow-x:hidden;transition:background .6s ease,color .6s ease}@media (prefers-color-scheme: dark){body{background:#000;color:#f5f5f7}}header{position:fixed;top:0;width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff6;z-index:100;transition:background .5s}@media (prefers-color-scheme: dark){header{background:#0006}}.logo{font-weight:600;font-size:1.2rem;cursor:pointer}.hamburger{width:30px;height:18px;position:relative;cursor:pointer;z-index:101;display:flex;justify-content:center;align-items:center}.line{position:absolute;width:100%;height:2px;background-color:#1d1d1f;border-radius:2px;transition:all .4s ease}.line:first-child{top:4px}.line:last-child{bottom:4px}.hamburger.active .line:first-child{transform:rotate(45deg);top:8px}.hamburger.active .line:last-child{transform:rotate(-45deg);bottom:8px}@media (prefers-color-scheme: dark){.line{background-color:#f5f5f7}}.menu{position:fixed;top:0;right:-100%;width:60%;height:100vh;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;font-size:1.5rem;transition:right .5s ease;z-index:100}.menu.active{right:0}@media (prefers-color-scheme: dark){.menu{background:#121212}}.menu a{text-decoration:none;color:inherit;font-weight:500;transition:opacity .3s}.menu a:hover{opacity:.6}section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 20px;transition:background .6s ease}.hero{background:linear-gradient(180deg,#fff,#f2f2f2);position:relative;overflow:hidden}@media (prefers-color-scheme: dark){.hero{background:linear-gradient(180deg,#000,#111)}}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:120%;background-image:url(https://www.apple.com/v/home/aq/images/heroes/macbook-air/hero_macbook_air__el7scava26mq_large.jpg);background-size:cover;background-position:center;opacity:.25;transform:translateY(var(--scroll, 0));transition:transform .3s;z-index:-1}.profile-pic{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);margin-bottom:20px;box-shadow:0 0 25px #ffffff40}h1{font-size:3rem;margin:10px 0}p{max-width:600px;font-size:1.2rem;line-height:1.6;color:#555}@media (prefers-color-scheme: dark){p{color:#bbb}}.about,.projects,.contact{background:linear-gradient(180deg,#f5f5f7,#e8e8e9)}@media (prefers-color-scheme: dark){.about,.projects,.contact{background:linear-gradient(180deg,#121212,#000)}}form{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:400px}input[type=email],input[type=text]{width:100%;padding:12px 16px;border-radius:10px;border:1px solid #ccc;font-size:1rem;transition:border .3s}input[type=email]:focus{border-color:#0071e3;outline:none}input[type=text]:focus{border-color:#0071e3;outline:none}button{background:linear-gradient(135deg,#0071e3,#2997ff);border:none;color:#fff;font-size:1rem;padding:12px 25px;border-radius:30px;cursor:pointer;transition:all .3s}button:hover{opacity:.85;transform:scale(1.02)}@media (prefers-color-scheme: dark){input[type=email],input[type=text]{background:#1a1a1a;color:#fff;border:1px solid #333}}footer{text-align:center;padding:40px 0;font-size:.95rem;color:#666}.icon{width:50px;height:50px;align-items:center;justify-content:center}.icon2{width:43px;height:43px;margin-top:4px;margin-left:3px;align-items:center;justify-content:center}.socials{display:flex;justify-content:center;gap:25px;margin-bottom:15px}.socials a{color:inherit;font-size:1.6rem;text-decoration:none;transition:opacity .3s,transform .2s}.socials a:hover{opacity:.6;transform:scale(1.1)}@media (prefers-color-scheme: dark){footer{color:#aaa}}.fade-up{opacity:0;transform:translateY(30px);transition:all .8s ease}.fade-up.show{opacity:1;transform:translateY(0)}@media (max-width: 768px){h1{font-size:2.3rem}p{font-size:1rem}}