*{margin:0;padding:0;box-sizing:border-box}body,html{background-color:#0a0a0a}body{font-family:var(--font-cairo),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:1.5}main{background-color:#0a0a0a;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 90% 80%,rgba(29,78,216,.08) 0,transparent 50%),radial-gradient(circle at 40% 60%,rgba(96,165,250,.06) 0,transparent 50%),linear-gradient(180deg,#0a0a0a,#0f0f1a 50%,#0a0a0a);color:#fff;min-height:100vh;overflow-x:hidden}main#blocked{background:#0a0a0a}.nav,main#blocked{display:flex;justify-content:center;align-items:center}.nav{gap:12px;flex-wrap:wrap;position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1000;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid hsla(0,0%,100%,.15);border-radius:50px;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 rgba(0,0,0,.1);padding:8px 16px;transition:all .3s ease}@media(min-width:300px){.nav{flex-wrap:nowrap}}@media(min-width:769px){.nav{padding:12px 24px;gap:24px}}.nav-button{background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);color:#fff;padding:8px 14px;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:capitalize;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1);text-shadow:0 0 10px #000}@media(min-width:769px){.nav-button{padding:8px 16px}}.nav-button--active{background:rgba(59,130,246,.4);border:1px solid rgba(59,130,246,.3);color:#ddecff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 4px 15px rgba(59,130,246,.2)}.intro{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 15px;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.15) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(29,78,216,.12) 0,transparent 45%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.08) 0,transparent 60%),linear-gradient(135deg,#0a0a0a,#0f0f1a 50%,#0a0a0a);position:relative;overflow:hidden}@media(min-width:481px){.intro{padding:0 20px}}.hero-bg-element{position:absolute;border-radius:50%;filter:blur(60px)}.hero-bg-element--1{top:15%;left:5%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.2) 0,rgba(96,165,250,.1) 40%,transparent 70%)}.hero-bg-element--2{top:60%;right:5%;width:300px;height:300px;background:radial-gradient(circle,rgba(29,78,216,.18) 0,rgba(59,130,246,.08) 50%,transparent 70%);filter:blur(50px)}.hero-bg-element--3{top:40%;left:70%;width:200px;height:200px;background:radial-gradient(circle,rgba(96,165,250,.15) 0,transparent 60%);filter:blur(40px)}.hero-content{text-align:center;max-width:800px;padding:0 1rem}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,#ffffff,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1.2}@media(min-width:481px){.hero-title{font-size:4rem}}.hero-subtitle{font-size:1.25rem;margin-bottom:32px;color:#a1a1aa;font-weight:400}@media(min-width:481px){.hero-subtitle{font-size:1.5rem}}.hero-cta{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);color:#fff;padding:14px 28px;border-radius:18px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 8px 32px rgba(59,130,246,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transition:all .3s ease;transform:translateY(0)}@media(min-width:481px){.hero-cta{padding:16px 32px;font-size:16px}}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(59,130,246,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.about{padding:100px 15px;max-width:1200px;margin:0 auto;position:relative}@media(min-width:481px){.about{padding:100px 20px}}.about-bg-accent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(59,130,246,.05) 0,transparent 70%);filter:blur(80px);z-index:0}.about-card{background:hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:20px;padding:30px 15px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 25px 80px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 rgba(0,0,0,.1);position:relative;z-index:1}@media(min-width:481px){.about-card{padding:40px 20px}}@media(min-width:769px){.about-card{padding:60px 40px}}.section-title{font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center;background:linear-gradient(135deg,#ffffff,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(min-width:481px){.section-title{font-size:3rem}}.about-text{font-size:1.1rem;color:#d1d5db;max-width:800px;margin:0 auto;font-weight:400}@media(min-width:481px){.about-text{font-size:1.2rem}}.projects{padding:100px 15px;max-width:1200px;margin:0 auto;position:relative}@media(min-width:481px){.projects{padding:100px 20px}}.projects .section-title{margin-bottom:60px;position:relative;z-index:1}.projects-bg-accent{position:absolute;top:20%;right:10%;width:400px;height:300px;background:radial-gradient(ellipse,rgba(29,78,216,.08) 0,transparent 70%);filter:blur(100px);z-index:0}.projects-grid{display:grid;grid-template-columns:1fr;grid-gap:32px;gap:32px;position:relative;z-index:1}@media(min-width:769px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.project-card{background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;overflow:hidden;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.1)}.project-image{width:100%;height:200px;object-fit:cover}.project-content{padding:20px}@media(min-width:481px){.project-content{padding:24px}}.project-title{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:#fff}.project-description{color:#a1a1aa;margin-bottom:20px;font-size:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{background:rgba(59,130,246,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#60a5fa;padding:6px 14px;border-radius:16px;font-size:.8rem;font-weight:500;border:1px solid rgba(59,130,246,.25);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}.project-links{display:flex;gap:12px;justify-content:flex-start}.project-link{padding:8px 16px;border-radius:18px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px;border:none;text-decoration:none}.project-link--secondary{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}.project-link--primary,.project-link--secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.project-link--primary{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(29,78,216,.2));border:1px solid rgba(59,130,246,.3);color:#60a5fa;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15)}.project-link:active,.project-link:focus,.project-link:focus-visible,.project-link:hover{background:hsla(0,0%,100%,.18)}.contact{padding:100px 15px 60px;max-width:800px;margin:0 auto;text-align:center;position:relative}@media(min-width:481px){.contact{padding:100px 20px 60px}}.contact .section-title{position:relative;z-index:1;margin-bottom:30px}.contact-buttons{display:flex;gap:2rem;flex-wrap:wrap;position:relative;z-index:1}.btn-social,.contact-buttons{justify-content:center;align-items:center}.btn-social{color:#ebebeb;display:inline-flex;padding:0;border:none}.btn-social:active,.btn-social:hover{color:#60a5fa}.footer{padding:40px 20px;text-align:center;border-top:1px solid hsla(0,0%,100%,.05);color:#949aa7;font-size:.9rem}@font-face{font-family:cairo;src:url(/_next/static/media/6d7d5f0fe24cfb2c-s.p.woff2) format("woff2");font-display:swap}@font-face{font-family:cairo Fallback;src:local("Arial");ascent-override:137.28%;descent-override:60.16%;line-gap-override:0.00%;size-adjust:94.91%}.__className_27dfa6{font-family:cairo,cairo Fallback}.__variable_27dfa6{--font-cairo:"cairo","cairo Fallback"}