body{color:#fff;background-color:#0b1730;background-image:linear-gradient(90deg,#0b1730 0%,#0b1730f7 16%,#0b1730eb 34%,#0b1730d6 58%,#0b1730bd 100%),url(/assets/tech-divider-BHpWICo_.webp);background-position:right -100px top;background-repeat:repeat-y;background-size:420px;background-attachment:fixed;margin:0;font-family:Segoe UI,Tahoma,sans-serif}main{max-width:900px;margin:0 auto;padding:20px}section{margin-bottom:90px}h2{margin-bottom:20px;font-size:2rem}p{color:#cbd5e1;line-height:1.8}.hero{text-align:center;z-index:1;padding:130px 20px 90px;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(80px);z-index:-1;background:#3b82f61f;border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;left:-100px}.hero:after{content:"";opacity:.55;z-index:-1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000);mask-image:linear-gradient(#000000e6,#0000)}.hero h1{margin:0;font-size:4.5rem;line-height:1.1}.hero p{color:#94a3b8;margin-top:18px;font-size:1.25rem}.btn,.card a,.contact-buttons a{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:12px 18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn:hover,.card a:hover,.contact-buttons a:hover{background:#ffffff24;border-color:#ffffff40;transform:translateY(-2px)}.projects{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.card{background:#1f2937;border:1px solid #0000;border-radius:18px;flex-direction:column;padding:28px;transition:all .35s;display:flex}.card:hover{border-color:#3b82f673;transform:translateY(-8px);box-shadow:0 20px 35px #00000059,0 0 0 1px #3b82f633,0 0 28px #3b82f62e}.card h3{margin:0 0 14px;font-size:1.35rem}.card p{margin-bottom:18px}.card a{width:fit-content;margin-top:auto}.main-project{background:#18212f;border:1px solid #ffffff24;grid-column:span 2}.main-project h3{font-size:1.5rem}.main-project p{font-size:1.05rem}.main-project span{color:#cbd5e1;margin-top:auto;font-weight:600}.skills{flex-wrap:wrap;gap:10px;display:flex}.skills span{color:#e5e7eb;background:#1f2937;border:1px solid #0000;border-radius:20px;padding:8px 15px;font-size:.92rem;transition:all .3s}.skills span:hover{background:#ffffff29;border-color:#3b82f6a6;transform:translateY(-3px);box-shadow:0 14px 26px #00000047,0 0 0 1px #3b82f647,0 0 24px #3b82f647}.contact-buttons{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.contact-buttons a{border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.contact-buttons a svg{font-size:1.2rem}.contact-buttons a:first-child{color:#111827;background:#fffffff0;border:1px solid #ffffff40}.contact-buttons a:first-child svg{color:#ea4335}.contact-buttons a:nth-child(2){color:#0a66c2;background:#ffffffeb;border:1px solid #ffffff2e}.contact-buttons a:nth-child(2) svg{color:#0a66c2}.contact-buttons a:hover{filter:brightness(1.05);transform:translateY(-3px)}.footer{text-align:center;border-top:1px solid #ffffff14;margin-top:100px;padding:70px 20px;position:relative;overflow:hidden}.footer:before{content:"";filter:blur(90px);z-index:0;background:#3b82f61a;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-180px;left:-100px}.footer:after{content:"";opacity:.45;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000000e6);mask-image:linear-gradient(#0000,#000000e6)}.footer h3,.footer p,.footer span{z-index:1;position:relative}.footer h3{margin:0;font-size:1.4rem}.footer p{color:#94a3b8;margin:14px 0}.footer span{color:#64748b;font-size:.92rem}.fade-in{opacity:0;animation:1s forwards fadeIn;transform:translateY(30px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero{padding:120px 20px 100px}.hero h1{font-size:2.7rem}.hero p{font-size:1rem}h2{font-size:1.6rem}.main-project{grid-column:span 1}.contact-buttons{flex-direction:column;align-items:flex-start}}.project-img{object-fit:cover;border:1px solid #ffffff14;border-radius:14px;width:100%;height:220px;margin-bottom:18px;transition:transform .35s}.card:hover .project-img{transform:scale(1.03)}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px;display:flex}.btn-secondary{background:#ffffff0d}