:root{--cream:#fffbf0;--butter:#fff4c2;--honey:#ffe699;--sunshine:#ffd968;--peach:#ffe8d6;--pink:#ffd6e0;--pink-deep:#ffafc5;--mint:#d6f0e0;--lavender:#e8dfff;--brown:#6b5544;--brown-soft:#8b7560;--text:#4a3f35;--text-soft:#7a6b5c;--shadow:#ffc85040;--shadow-deep:#ffc85066;--font-main:"Zen Maru Gothic", sans-serif;--font-accent:"Caveat", cursive;--radius-sm:16px;--radius-md:24px;--radius-lg:30px;--radius-pill:50px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--cream);color:var(--text);min-height:100vh;line-height:1.7;overflow-x:hidden}body:before{content:"";background-image:radial-gradient(circle at 20% 10%, var(--butter) 0%, transparent 40%), radial-gradient(circle at 80% 80%, var(--peach) 0%, transparent 40%), radial-gradient(circle at 50% 50%, var(--pink) 0%, transparent 60%);opacity:.5;z-index:-2;pointer-events:none;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><circle cx='10' cy='10' r='1.2' fill='%23FFD968' opacity='0.3'/><circle cx='50' cy='30' r='0.8' fill='%23FFAFC5' opacity='0.3'/><circle cx='80' cy='70' r='1' fill='%23FFD968' opacity='0.3'/><circle cx='30' cy='80' r='0.6' fill='%23FFAFC5' opacity='0.3'/></svg>");position:fixed;inset:0}h1,h2,h3,h4{color:var(--brown);font-weight:700;line-height:1.3}a{color:var(--brown);text-decoration:none;transition:color .3s}a:hover{color:var(--pink-deep)}p{color:var(--text)}strong{color:var(--brown)}nav{-webkit-backdrop-filter:blur(20px);border:2px solid var(--honey);border-radius:var(--radius-pill);z-index:1000;box-shadow:0 8px 32px var(--shadow);background:#fffbf0d9;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:calc(100% - 40px);padding:12px 24px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}nav .logo{font-family:var(--font-accent);color:var(--brown);border-right:2px dashed var(--honey);white-space:nowrap;margin-right:6px;padding-right:14px;font-size:1.4rem;font-weight:700}nav a{color:var(--text);white-space:nowrap;border-radius:20px;padding:7px 12px;font-size:.82rem;font-weight:500;transition:all .3s}nav a:hover{background:var(--honey);color:var(--brown);transform:translateY(-2px)}nav a.current{background:var(--butter);color:var(--brown)}.status-pill{background:linear-gradient(135deg, var(--mint), #b8e5c8);color:#2d6b43;border-radius:20px;align-items:center;gap:6px;margin-left:6px;padding:6px 14px;font-size:.72rem;font-weight:700;transition:all .3s;display:inline-flex}.status-dot{background:#4caf50;border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.pulsing{animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.btn-primary,.btn-secondary{border-radius:var(--radius-pill);font-family:var(--font-main);cursor:pointer;border:none;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--sunshine), var(--honey));color:var(--brown);box-shadow:0 6px 20px #ffd96880}.btn-primary:hover{color:var(--brown);transform:translateY(-4px)scale(1.03);box-shadow:0 10px 30px #ffd968b3}.btn-secondary{color:var(--brown);border:2px solid var(--honey);background:#fff}.btn-secondary:hover{background:var(--butter);color:var(--brown);transform:translateY(-4px)}.section-header{text-align:center;margin-bottom:50px}.section-label{font-family:var(--font-accent);color:var(--pink-deep);margin-bottom:8px;font-size:1.4rem;display:block}.section-title{color:var(--brown);letter-spacing:.05em;font-size:clamp(2rem,4vw,3rem);display:inline-block;position:relative}.section-title:before,.section-title:after{content:"✿";color:var(--pink-deep);opacity:.6;margin:0 16px;font-size:.7em}section{padding:80px 5%;position:relative}.skill-chip{border:2px solid var(--honey);color:var(--brown-soft);background:#fff;border-radius:20px;padding:6px 14px;font-size:.82rem;font-weight:500;display:inline-block}.skill-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}footer{text-align:center;color:var(--text-soft);padding:60px 20px 40px;font-size:.85rem}footer .footer-social{justify-content:center;gap:16px;margin-bottom:20px;display:flex}footer .footer-social a{border:2px solid var(--honey);width:44px;height:44px;color:var(--brown);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;transition:all .3s;display:inline-flex}footer .footer-social a:hover{background:var(--honey);color:var(--brown);transform:translateY(-3px)}footer .heart{color:var(--pink-deep)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){nav{padding:10px 18px}nav a{padding:6px 10px;font-size:.76rem}nav .logo{font-size:1.2rem}}@media (max-width:768px){nav{width:calc(100% - 24px);padding:10px 14px;top:12px}nav .logo{text-align:center;border-right:none;border-bottom:2px dashed var(--honey);width:100%;margin:0 0 4px;padding:0 0 8px;font-size:1.05rem}nav a{padding:6px 9px;font-size:.72rem}.status-pill{margin-left:0;padding:5px 10px;font-size:.68rem}section{padding:60px 5%}.section-title:before,.section-title:after{margin:0 8px}.btn-primary,.btn-secondary{padding:14px 24px;font-size:.95rem}.section-header{margin-bottom:36px}}