:root{--bg-color:#0b0716;--text-main:#fff;--text-muted:#b3a7c6;--hairline:#ffffff1a;--input-border:#9d4edd59;--purple-light:#9d4edd;--purple-dark:#3c096c;--purple-accent:#c77dff;--pink-accent:#f72585;--success:#4ade80;--error:#f87171}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.shape{filter:blur(90px);z-index:1;opacity:.5;border-radius:50%;animation:15s ease-in-out infinite alternate float;position:fixed}.shape-1{background-color:var(--purple-dark);width:350px;height:350px;animation-duration:22s;top:-10%;left:-10%}.shape-2{background-color:var(--purple-light);width:450px;height:450px;animation-duration:28s;animation-delay:-5s;bottom:-20%;right:-10%}.shape-3{background-color:var(--purple-accent);opacity:.3;width:300px;height:300px;animation-duration:20s;animation-delay:-12s;top:30%;left:30%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,60px)scale(1.1)}to{transform:translate(-30px,30px)scale(.9)}}.page{z-index:10;flex-direction:column;width:100%;padding:clamp(2rem,3vw + 1rem,4rem) clamp(1rem,4vw,3.5rem) clamp(3rem,4vw + 1rem,5rem);display:flex;position:relative}.hero,.work,.contact{text-align:center;opacity:0;width:100%;padding:clamp(2.5rem,5vw + 1rem,5.5rem) 0;animation:1s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(20px)}.hero{padding-top:0}.work,.contact{border-top:1px solid var(--hairline)}.work{animation-delay:.1s}.contact{animation-delay:.2s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;display:flex}.hero-portrait img{border-radius:12px;width:clamp(220px,45vw,420px);height:auto;display:block}.hero-text{flex-direction:column;align-items:center;max-width:40rem;display:flex}.logo-container{filter:drop-shadow(0 10px 15px #f7258566);justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex}.logo-container svg{width:clamp(60px,6vw,84px);height:clamp(60px,6vw,84px)}h1{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.75rem,1.3rem + 1.5vw,3rem);font-weight:700}h2{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.5rem,1.25rem + .8vw,2.1rem);font-weight:700}p{color:var(--text-muted);font-size:clamp(1rem,.92rem + .25vw,1.2rem);line-height:1.6}.hero-tagline{color:var(--purple-accent);margin-bottom:.5rem;font-weight:600}.hero-description{font-size:clamp(.95rem,.88rem + .2vw,1.05rem)}.work-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1.75rem;max-width:56rem;margin:2rem auto 0;display:grid}.work-card{color:inherit;text-decoration:none;transition:opacity .2s;display:block}.work-card:hover{opacity:.75}.work-card img{border:1px solid var(--hairline);border-radius:10px;width:100%;height:auto;margin-bottom:.75rem}.work-card h3{font-size:1.05rem;font-weight:600}.contact p{margin-bottom:1.5rem}.contact-form{flex-direction:column;align-items:center;gap:1.1rem;max-width:42rem;margin:0 auto;display:flex}.form-row{flex-direction:column;gap:1.1rem;width:100%;display:flex}.form-field{text-align:left;width:100%;position:relative}.form-field input,.form-field textarea{border:1px solid var(--input-border);width:100%;color:var(--text-main);resize:vertical;background:#ffffff05;border-radius:10px;padding:.85rem .9rem;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s,padding .15s}.form-field input:focus,.form-field textarea:focus{border-color:var(--purple-accent);outline:none;box-shadow:0 0 0 3px #c77dff26}.form-field input:focus,.form-field input:not(:placeholder-shown),.form-field textarea:focus,.form-field textarea:not(:placeholder-shown){padding-top:1.3rem;padding-bottom:.4rem}.form-field label{color:var(--text-muted);pointer-events:none;font-size:1rem;line-height:1;transition:top .15s,transform .15s,font-size .15s,color .15s;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.form-field textarea+label{top:1.25rem;transform:translateY(0)}.form-field input:focus+label,.form-field input:not(:placeholder-shown)+label,.form-field textarea:focus+label,.form-field textarea:not(:placeholder-shown)+label{transform-origin:0 0;top:.55rem;transform:translateY(0)scale(.8)}.form-field input:focus+label,.form-field textarea:focus+label{color:var(--purple-accent)}.form-honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.contact-form button{background:linear-gradient(135deg, var(--purple-dark), var(--pink-accent));color:var(--text-main);cursor:pointer;border:none;border-radius:999px;align-self:center;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:opacity .2s,transform .2s}.contact-form button:hover:not(:disabled){transform:translateY(-2px)}.contact-form button:disabled{opacity:.6;cursor:not-allowed}.form-status{font-size:.95rem}.form-status-success{color:var(--success)}.form-status-error{color:var(--error)}@media (min-width:640px){.hero{flex-direction:row;gap:clamp(2rem,4vw,4rem)}.form-row{flex-direction:row}.form-row .form-field{flex:1 1 0}}