:root{--bg:#0b0f14;--bg-2:#0f141a;--text:#e6eaf0;--muted:#a2adb9;--brand:#6ee7ff;--brand-2:#a78bfa;--accent:#ff7ac6;--card:#ffffff0f;--card-strong:#ffffff1f;--shadow:0 10px 30px #00000059;--radius:16px;--radius-sm:10px;--container:1100px;--photo-size:220px;--umbrella-scale:1.6}html[data-theme=light]{--bg:#f6f8fc;--bg-2:#fff;--text:#0c1220;--muted:#4b5563;--card:#0000000d;--card-strong:#00000014;--shadow:0 10px 25px #161f3526}html[data-theme=rainy-dark]{--bg:#0a0f14;--bg-2:#0c1218;--text:#e6eaf0;--muted:#a2adb9;--card:#ffffff0f;--card-strong:#ffffff24;--shadow:0 10px 30px #00000073;--brand:#6ec9ff;--brand-2:#7aa8ff;--accent:#9f7aff;background:0 0}html[data-theme=rainy-light]{--bg:#e8eef5;--bg-2:#f4f8fc;--text:#0c1220;--muted:#4b5563;--card:#0000000d;--card-strong:#0000001a;--shadow:0 10px 25px #161f3526;--brand:#4ba8ff;--brand-2:#7aa8ff;--accent:#9f7aff;background:0 0}@keyframes umbrellaBob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(4px)}}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:radial-gradient(1200px 500px at 10% -10%,#67e8f91f,transparent 60%),radial-gradient(1000px 400px at 90% 10%,#a78bfa1f,transparent 60%),linear-gradient(180deg,var(--bg),var(--bg-2));margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}html[data-theme^=rainy] body{background:radial-gradient(1200px 500px at 10% -10%,#4e78a01a,transparent 60%),radial-gradient(900px 450px at 85% 15%,#7e86b41f,transparent 60%),linear-gradient(180deg,var(--bg),var(--bg-2))}#scroll-progress{background:linear-gradient(90deg,var(--brand),var(--accent));z-index:1000;width:0%;height:3px;box-shadow:var(--shadow);position:fixed;top:0;left:0}.orbs{pointer-events:none;z-index:-1;position:fixed;inset:0}.orb{filter:blur(60px);opacity:.35;border-radius:50%;width:350px;height:350px;position:absolute}.orb1{background:#6ee7ff;animation:16s ease-in-out infinite float;top:-80px;left:-60px}.orb2{background:#ff7ac6;animation:20s ease-in-out infinite reverse float;bottom:-80px;right:-100px}.orb3{background:#a78bfa;animation:22s ease-in-out infinite float;top:30%;right:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.container{width:min(var(--container),calc(100% - 2rem));margin:0 auto}.section{padding:96px 0}.section-title{letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(28px,3.5vw,40px);position:relative}.section-title:after{content:"";background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:999px;width:80px;height:3px;margin-top:10px;display:block}.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:linear-gradient(#0003,#0000);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo{background:linear-gradient(135deg,var(--brand),var(--accent));color:#0b0f14;width:36px;height:36px;box-shadow:var(--shadow);border-radius:10px;place-items:center;font-weight:800;display:grid}.brand-text{letter-spacing:.02em;font-weight:700}.nav{gap:18px;display:none}.nav-link{color:var(--muted);padding-bottom:4px;font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,var(--brand),var(--accent));width:0%;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--text)}.nav-link:hover:after{width:100%}@media (min-width:880px){.nav{display:flex}}.icon-btn{background:var(--card);border:1px solid var(--card-strong);width:40px;height:40px;color:var(--text);border-radius:10px;place-items:center;display:inline-grid;position:relative}.icon{transition:transform .3s,opacity .3s}.moon{opacity:0;position:absolute;transform:scale(.8)}html[data-theme$=light] .sun{opacity:0;transform:scale(.8)}html[data-theme$=light] .moon{opacity:1;transform:scale(1)}.hero{position:relative}.hero-content{grid-template-columns:1fr;align-items:center;gap:36px;display:grid}@media (min-width:880px){.hero-content{grid-template-columns:6fr 5fr}}.greeting{color:var(--muted);letter-spacing:.02em;align-items:center;gap:8px;font-weight:600;display:flex}.wave{transform-origin:70% 70%;animation:2.2s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,to{transform:rotate(0)}}.hero-title{margin:8px 0 6px;font-family:Playfair Display,serif;font-size:clamp(36px,5.5vw,64px);line-height:1.05}.text-gradient{background:linear-gradient(90deg,var(--brand),var(--accent),var(--brand-2));color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-subtitle{letter-spacing:.01em;color:var(--text);margin:0 0 8px;font-weight:700}.hero-description{color:var(--muted);max-width:60ch}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.btn-outline{border:1px solid var(--card-strong);color:var(--text);background:0 0}.btn-outline:hover{border-color:#ffffff40}.social-links{gap:10px;margin-top:16px;display:flex}.social-link{background:var(--card);width:38px;height:38px;color:var(--text);border:1px solid var(--card-strong);border-radius:10px;place-items:center;transition:transform .2s,box-shadow .2s;display:inline-grid}.social-link:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.hero-visual{place-items:center;min-height:360px;display:grid;position:relative}.hero-image-container{place-items:center;width:280px;height:280px;display:grid;position:relative}.hero-image{width:var(--photo-size);height:var(--photo-size);background:linear-gradient(180deg,var(--card),transparent);box-shadow:var(--shadow);border:none;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:center;box-sizing:border-box;border:none;border-radius:50%;width:100%;height:100%;display:block}.hero-image:before{--ring-thickness:6px;content:"";pointer-events:none;background:conic-gradient(from 0deg,var(--brand),var(--accent),var(--brand-2),var(--brand));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-thickness)),#000 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-thickness)),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-thickness)),#000 0);will-change:transform;border-radius:50%;animation:2.6s linear infinite paused spin;position:absolute;inset:0}.hero-image-container:hover .hero-image:before{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.umbrella-cover{left:50%;top:calc(-.18*var(--photo-size));width:calc(var(--photo-size) + 20px);z-index:4;pointer-events:none;height:auto;display:none;position:absolute;transform:translate(-50%)}html[data-theme^=rainy] .umbrella-cover{animation:3.6s ease-in-out infinite umbrellaBob;display:block}.umbrella-svg{width:100%;height:auto;display:block}.hero-image-container:before{content:"";filter:blur(20px);background:radial-gradient(closest-side,#6ee7ff40,#0000 70%);border-radius:50%;position:absolute;inset:-20px}.floating-card{background:linear-gradient(180deg,var(--card),transparent);border:1px solid var(--card-strong);color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;animation:6s ease-in-out infinite bob;display:inline-flex;position:absolute}.floating-card i{color:var(--brand);font-size:16px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card-1{top:6%;left:10%}.card-2{animation-delay:.8s;bottom:10%;left:8%}.card-3{animation-delay:1.4s;top:8%;right:10%}.card-4{animation-delay:2s;bottom:8%;right:8%}@media (max-width:879px){.floating-card{display:none;position:relative}}.scroll-down{gap:6px;display:inline-flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-down span{background:linear-gradient(180deg,var(--brand),var(--accent));opacity:.6;border-radius:999px;width:6px;height:18px;animation:1.2s ease-in-out infinite drip}.scroll-down span:nth-child(2){animation-delay:.2s}.scroll-down span:nth-child(3){animation-delay:.4s}@keyframes drip{0%{opacity:.2;transform:translateY(0)}50%{opacity:.8;transform:translateY(8px)}to{opacity:.2;transform:translateY(0)}}.btn{border:1px solid var(--card-strong);color:var(--text);background:var(--card);border-radius:12px;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#6ee7ff33,#ff7ac633);border-color:#0000}.btn-secondary{background:var(--card)}.btn-ghost{border-color:var(--card-strong);color:var(--text);background:0 0}.btn:before{content:"";background:linear-gradient(90deg,#ffffff26,#0000 20% 80%,#ffffff26);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(100%)}.prose p{color:var(--muted);font-size:16px}.tags{flex-wrap:wrap;gap:10px;display:flex}.tag{background:var(--card);border:1px solid var(--card-strong);color:var(--text);border-radius:999px;padding:10px 12px;font-size:14px;font-weight:600}.grid.cards{grid-template-columns:1fr;gap:18px;display:grid}@media (min-width:680px){.grid.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1040px){.grid.cards{grid-template-columns:repeat(3,1fr)}}.card{background:linear-gradient(180deg,var(--card),transparent);border:1px solid var(--card-strong);border-radius:var(--radius);box-shadow:var(--shadow);transform-style:preserve-3d;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.card:hover{border-color:#fff3;box-shadow:0 15px 40px #00000073}.card-media img{object-fit:cover;width:100%;height:250px;display:block}.card-content{padding:16px}.card-content h3{margin:0 0 6px;font-size:18px}.card-content p{color:var(--muted);margin:0 0 12px}.card-actions{flex-wrap:wrap;gap:10px;display:flex}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg,var(--brand),var(--accent));border-radius:999px;width:2px;position:absolute;top:0;bottom:0;left:8px}.timeline-item{margin:18px 0 24px;position:relative}.timeline .dot{background:var(--bg-2);border:2px solid var(--brand);width:14px;height:14px;box-shadow:var(--shadow);border-radius:50%;position:absolute;top:4px;left:-16px}.timeline time{color:var(--muted);font-size:14px}.timeline h3{margin:6px 0}.contact-form{background:linear-gradient(180deg,var(--card),transparent);border:1px solid var(--card-strong);border-radius:var(--radius);padding:18px}.form-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:680px){.form-grid{grid-template-columns:1fr 1fr}}.span-2{grid-column:1/-1}label{color:var(--muted);gap:6px;font-size:14px;display:grid}input,textarea{border:1px solid var(--card-strong);background:var(--bg-2);color:var(--text);border-radius:12px;outline:none;padding:12px}input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #6ee7ff26}.form-note{color:var(--muted)}.site-footer{border-top:1px solid var(--card-strong);background:linear-gradient(180deg,transparent,var(--card));padding:36px 0}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.back-to-top{color:var(--text);text-decoration:none}.rain-layer{z-index:0;pointer-events:none;display:none;position:fixed;inset:0}html[data-theme^=rainy] .rain-layer{display:block}.drop{width:2px;height:var(--length,18px);opacity:var(--opacity,.6);background:linear-gradient(to bottom,#ffffffe6 0%,var(--brand)50%,var(--accent)85%,#fff0 100%);filter:blur(.3px);animation:rain-fall var(--duration,2.8s)linear var(--delay,0s)infinite,rain-sway calc(var(--duration,2.8s)*.6)ease-in-out var(--delay,0s)infinite alternate;border-radius:999px;position:absolute;top:-10%;transform:translate(0,0)}@keyframes rain-fall{0%{transform:translateY(-10vh)}to{transform:translateY(110vh)}}@keyframes rain-sway{0%{margin-left:-2px}to{margin-left:3px}}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(20px)scale(.98)}.reveal.active{opacity:1;transform:translateY(0)scale(1)}html:not(.aos-enabled) [data-aos]{opacity:1!important;transform:none!important}@media (prefers-reduced-motion:reduce){.text-gradient,.orb1,.orb2,.orb3,.btn:before,.floating-card,.scroll-down span,.wave,.hero-image:before{animation:none!important}.rain-layer{display:none!important}.drop{opacity:.15;animation:none!important}html[data-theme^=rainy] .umbrella-cover{animation:none!important}}.hide-scrollbar::-webkit-scrollbar{display:none}