*{box-sizing:border-box}body{color:#fff;background:#0c204e;margin:0;font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;color:#0f172a;background:#38bdf8;border:none;border-radius:8px;padding:15px 30px;font-size:1rem;font-weight:700}button.secondary{color:#fff;background:0 0;border:1px solid #38bdf8}.scroll-button{color:#fff;cursor:pointer;background:0 0;border:2px solid #38bdf8;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-top:50px;padding:0;font-size:1.5rem;display:flex}.scroll-buttons{grid-template-columns:repeat(4,1fr);align-items:center;gap:0;display:grid}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0f172acc;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:25px 8%;display:grid;position:fixed;top:0}.logo{text-align:center;color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;padding:0;font-size:1.5rem;font-weight:700;position:relative}.nav-left{gap:30px;display:flex}.nav-right{justify-content:flex-end;gap:30px;display:flex}.nav-left button,.nav-right button{color:#fff;background:0 0;padding:0;font-size:1rem;font-weight:400}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0 auto;padding:120px 8% 80px;display:flex;position:relative}.hero-text{flex:1;max-width:650px}.hero-image{flex:none}.hero-content{align-items:center;gap:10vw;width:100%;max-width:1400px;display:flex}.hero-image img{object-fit:cover;border:4px solid #38bdf8;border-radius:50%;width:clamp(250px,30vw,450px);height:clamp(250px,30vw,450px)}.subtitle{color:#94a3b8;font-size:1.2rem}.hero h1{max-width:800px;font-size:4rem;line-height:1.1}.hero h1 span{color:#38bdf8}.description{color:#cbd5e1;max-width:600px;font-size:1.2rem}.buttons{justify-content:center;gap:20px;margin-top:30px;display:flex}.technologies{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.technologies span{background:#334155;border-radius:20px;padding:6px 12px;font-size:.9rem}.projects{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 8% 100px;display:flex;position:relative}.projects-content{width:100%;max-width:1400px}#projects h2{text-align:center;font-size:3rem}.project-carousel{grid-template-columns:auto 1fr auto;align-items:center;gap:25px;display:grid}.project-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.project-card{text-align:center;background:#1e293b;border-radius:20px;flex-direction:column;height:450px;padding:30px;transition:transform .3s;display:flex;overflow:auto}.project-card button{margin-top:auto}.project-card:hover{transform:translateY(-10px)}.projects h3{margin-top:50px}.project-details{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 8% 100px;display:flex;position:relative}.project-media{gap:20px;width:min(90vw,800px);display:flex}.project-media:has(img+iframe){width:min(90vw,1200px)}.project-media img,.project-media iframe{aspect-ratio:16/9;object-fit:cover;border:4px solid #38bdf8;border-radius:20px;width:100%}:is(.project-media img:has(+iframe),.project-media iframe){width:calc(50% - 10px)}.project-buttons{justify-content:center;gap:20px;margin-top:30px;display:flex}h2{margin-top:30px}.project-details ul{grid-template-columns:repeat(2,1fr);gap:20px;width:min(90vw,900px);margin:0;padding:0;list-style:none;display:grid}.project-details li{color:#cbd5e1;background:#1e293b;border:1px solid #94a3b826;border-radius:15px;padding:25px;transition:transform .2s}.project-details li:hover{transform:translateY(-5px)}.project-details li:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 10px)}.about{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0 auto;padding:120px 8% 80px;display:flex;position:relative}.about h1{margin-bottom:50px;font-size:3rem}.about-grid{grid-template-columns:repeat(3,1fr);gap:25px;width:100%;max-width:1000px;display:grid}.about-card{text-align:center;cursor:pointer;background:#1e293b;border-radius:20px;justify-content:center;align-items:center;min-height:180px;transition:transform .3s;display:flex}.about-card:hover{transform:translateY(-8px)}.about-card h2{color:#fff;margin:0}.about-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:900;background:#0c204ecc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.about-expanded{text-align:center;background:#1e293b;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:min(80vw,800px);min-height:400px;padding:50px;display:flex}.about-expanded h2{margin-bottom:25px;font-size:2.5rem}.about-expanded p{color:#cbd5e1;white-space:pre-line;max-width:650px;font-size:1.1rem;line-height:1.7}.about-expanded button{margin-top:30px}.about h3{margin-top:50px}.contact{flex-direction:column;align-items:center;min-height:100vh;padding:120px 8% 100px;display:flex}.contact h1{margin-bottom:60px;font-size:3rem}.contact-content{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1100px;display:grid}.contact-links{flex-direction:column;gap:25px;display:flex}.contact-button{color:#fff;text-align:center;background:#1e293b;border-radius:15px;padding:25px 30px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:transform .3s,background .3s}contact-button:hover{background:#334155;transform:translate(10px)}.contact-form{background:#1e293b;border-radius:20px;flex-direction:column;gap:12px;padding:35px;display:flex}.contact-form label{margin-top:10px;font-weight:700}.contact-form input,.contact-form textarea{color:#fff;resize:vertical;background:#0f172a;border:2px solid #334155;border-radius:8px;width:100%;padding:12px 15px}.contact-form input:focus,.contact-form textarea:focus{border-color:#38bdf8;outline:none}.contact-form button{margin-top:15px}