:root{--cream:#faf7f2;--bg:#f4f0ea;--panel:#ffffff;--text:#29134d;--muted:#6e5a9c;--primary:#7c4dff;--lilac:#c9b6ff;--border:rgba(41,19,77,.12);--radius:14px;--shadow:0 10px 30px rgba(41,19,77,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,var(--bg),var(--cream));color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}code{background:#0000000a;padding:2px 6px;border-radius:6px}.container{max-width:1120px;margin:0 auto;padding:0 20px}.section{padding:88px 0}.section__title{font-size:32px;margin:0 0 18px;background:linear-gradient(90deg,var(--primary),var(--lilac));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.title{font-size:44px;margin:10px 0 14px}.lead{color:var(--muted);max-width:60ch}.text-gradient{background:linear-gradient(90deg,var(--primary),var(--lilac));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.badge{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:#fff;box-shadow:var(--shadow);color:var(--muted);font-size:12px}.btn{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f7f4ff);color:var(--text);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #29134d29}.btn--ghost{background:transparent}.btn--small{padding:8px 12px;font-size:14px}.btn--block{display:block;width:100%}.chip{display:inline-block;background:#fff;border:1px solid var(--border);padding:8px 12px;border-radius:999px;margin:6px 8px 0 0;color:var(--muted);box-shadow:var(--shadow)}.list{margin:0;padding-left:18px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}@media (max-width:900px){.two-col{grid-template-columns:1fr}}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.grid{grid-template-columns:1fr}}.nav{position:fixed;inset:0 0 auto;background:#ffffff80;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);z-index:10;border-bottom:1px solid transparent;transition:all .3s}.nav--scrolled{background:#ffffffd9;border-color:var(--border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;align-items:center;font-weight:700}.brand__dot{width:10px;height:10px;border-radius:50%;margin-right:10px;background:linear-gradient(90deg,var(--primary),var(--lilac));box-shadow:0 0 18px #7c4dff80}.menu{display:flex;gap:16px;align-items:center}.menu a{padding:8px 10px;border-radius:8px;color:var(--muted);position:relative}.menu a:after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:2px;background:linear-gradient(90deg,var(--primary),var(--lilac));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.menu a:hover{color:var(--text);background:#7c4dff14}.menu a:hover:after{transform:scaleX(1)}.burger{display:none;flex-direction:column;gap:4px;background:none;border:0;cursor:pointer}.burger span{width:24px;height:2px;background:var(--text);display:block}@media (max-width:820px){.burger{display:flex}.menu{position:fixed;top:68px;right:0;left:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--border);padding:14px 20px;transform:translateY(-12px);opacity:0;pointer-events:none}.menu.is-open{transform:translateY(0);opacity:1;pointer-events:auto}}.hero{padding-top:108px;position:relative}.hero:before{content:"";position:absolute;inset:-10% -20% auto -20%;height:60%;background:radial-gradient(60% 60% at 20% 20%,rgba(124,77,255,.15),transparent 60%),radial-gradient(40% 40% at 80% 20%,rgba(201,182,255,.22),transparent 60%);filter:blur(40px);pointer-events:none}.hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}@media (max-width:920px){.hero__inner{grid-template-columns:1fr}}.hero__copy .actions{display:flex;gap:16px;margin:18px 0}.actions{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}.socials{display:flex;gap:14px;color:var(--muted)}.hero__media{display:flex;justify-content:center}.avatar{width:280px;height:280px;border-radius:50%;overflow:hidden;position:relative;border:2px solid var(--lilac);box-shadow:var(--shadow);animation:floatY 7s ease-in-out infinite;background:#fff}.avatar img{width:100%;height:100%;object-fit:cover}.project{display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease}.project__thumb{border-radius:12px;overflow:hidden;border:1px solid var(--border)}.project__thumb img{aspect-ratio:16/10;object-fit:cover;width:100%}.project__body{padding:12px 2px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.tag{border:1px solid var(--border);padding:6px 10px;border-radius:999px;color:var(--muted);background:#fff;box-shadow:var(--shadow)}.project__actions{display:flex;gap:10px;margin-top:auto}.project:hover{transform:translateY(-6px);box-shadow:0 16px 40px #29134d1f}.empty{color:var(--muted)}.form{display:grid;gap:12px}.form label{display:grid;gap:6px}.form input,.form textarea{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text)}.footer{border-top:1px solid var(--border);padding:20px 0;margin-top:30px;background:#fff}.footer__inner{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}@media (max-width:700px){.footer__inner{flex-direction:column;gap:8px}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal--in{opacity:1;transform:none}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bg-bows{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bow{position:absolute;width:140px;height:100px;opacity:.16;filter:drop-shadow(0 6px 20px rgba(41,19,77,.18))}.bow svg{width:100%;height:100%}.bow path{stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.bow circle{fill:currentColor;opacity:.35}.bow{--tx:0px;--ty:0px;--dx:40px;--dy:60px;--rot:8deg;animation:bow-drift var(--dur,18s) ease-in-out infinite alternate}@keyframes bow-drift{0%{transform:translate(var(--tx),var(--ty)) rotate(0)}to{transform:translate(calc(var(--tx) + var(--dx)),calc(var(--ty) + var(--dy))) rotate(var(--rot))}}