@import "https://fonts.googleapis.com/css2?family=Gaegu:wght@300;400;700&family=Inter:wght@300;400;500;600&display=swap";
:root{--ink-black:#0a0a0b;--charcoal:#1a1a1c;--dark-gray:#2a2a2d;--medium-gray:#3a3a3f;--light-gray:#8a8a90;--pale-gray:#b5b5bb;--off-white:#f8f8f5;--paper:#fefefe;--sakura-pink:#d4828f;--moss-green:#7a9a7e;--twilight-purple:#8b7aa8;--amber-glow:#c29b6c;--ocean-blue:#6b8cae;--playful-coral:#e8a598;--playful-mint:#a8d5ba;--background:var(--ink-black);--surface:var(--charcoal);--surface-raised:var(--dark-gray);--border:rgba(255,255,255,.08);--border-light:rgba(255,255,255,.04);--border-subtle:rgba(255,255,255,.12);--text-primary:var(--off-white);--text-secondary:var(--pale-gray);--text-muted:var(--light-gray);--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-organic:30% 70% 70% 30%/30% 30% 70% 70%;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-playful:"Gaegu",cursive;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 20px rgba(0,0,0,.4);--shadow-lg:0 8px 40px rgba(0,0,0,.5);--shadow-glow:0 0 40px rgba(212,130,143,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}body:before{content:"";opacity:.02;z-index:1;pointer-events:none;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,255,255,.01) 35px,rgba(255,255,255,.01) 70px);width:100%;height:100%;position:fixed;top:0;left:0}.zen-container{z-index:2;width:100%;max-width:1200px;padding:var(--space-md);margin:0 auto;position:relative}.zen-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.zen-card:before{content:"";opacity:0;background:linear-gradient(90deg,transparent,rgba(212,130,143,.3) 20%,rgba(212,130,143,.3) 80%,transparent);width:100%;height:1px;transition:opacity .4s;position:absolute;top:0;left:0}.zen-card:hover{border-color:rgba(212,130,143,.1);transform:translateY(-2px)}.zen-card:hover:before{opacity:1}.zen-card-organic{border-radius:var(--radius-organic);background:linear-gradient(135deg,var(--surface)0%,var(--surface-raised)100%)}.hand-drawn-border{position:relative;border:none!important}.hand-drawn-border:after{content:"";border:2px solid var(--border);pointer-events:none;border-radius:255px 15px 225px/15px 225px 15px 255px;animation:20s ease-in-out infinite subtle-morph;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}@keyframes subtle-morph{0%,to{border-radius:255px 15px 225px/15px 225px 15px 255px}33%{border-radius:15px 255px 15px 225px/225px 15px 255px}66%{border-radius:225px 15px 255px/15px 225px 15px 255px}}.zen-heading{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-md);font-weight:300}.zen-heading-xl{font-size:max(2rem,min(5vw,3rem));line-height:1.2}.zen-heading-lg{font-size:max(1.5rem,min(4vw,2rem));line-height:1.3}.zen-heading-playful{font-family:var(--font-playful);color:var(--sakura-pink);font-weight:400;display:inline-block;transform:rotate(-2deg)}.ink-brush{color:var(--text-primary);display:inline-block;position:relative}.ink-brush:after{content:"";background:var(--sakura-pink);border-radius:var(--radius-organic);opacity:.7;height:2px;position:absolute;bottom:-2px;left:-4px;right:-4px;transform:skewY(-1deg)}.zen-button{color:var(--text-primary);border:1px solid var(--border);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;background:0 0;font-size:.9rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.zen-button:before{content:"";background:var(--sakura-pink);opacity:.1;border-radius:50%;width:0;height:0;transition:width .5s,height .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zen-button:hover{border-color:var(--sakura-pink);color:var(--sakura-pink)}.zen-button:hover:before{width:300px;height:300px}.zen-button-playful{background:var(--surface-raised);font-family:var(--font-playful);border:none;border-radius:20px 18px 22px 19px/18px 20px 19px 22px;font-size:1rem;transition:all .2s;transform:rotate(-1deg)}.zen-button-playful:hover{background:var(--sakura-pink);color:var(--ink-black);transform:rotate(1deg)scale(1.05)}.floating{animation:6s ease-in-out infinite floating}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.gentle-glow{box-shadow:0 0 20px rgba(212,130,143,.1),0 0 40px rgba(212,130,143,.05)}.zen-circle{border:2px solid var(--border);opacity:.1;border-radius:50%;width:100px;height:100px;animation:30s linear infinite zen-rotate;position:absolute}.zen-circle.imperfect{border-radius:50% 48% 52% 50%}@keyframes zen-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zen-grid{background-image:linear-gradient(var(--border)1px,transparent 1px),linear-gradient(90deg,var(--border)1px,transparent 1px);opacity:.03;background-size:50px 50px}:focus{box-shadow:0 0 0 2px var(--sakura-pink);border-radius:var(--radius-sm);outline:none}::selection{background:var(--sakura-pink);color:var(--ink-black)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--charcoal)}::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--light-gray)}