@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#f3f5f0;--bg-secondary:#fff;--text-primary:#1d3523;--text-secondary:#566c5c;--accent:#4b7c5c;--accent-hover:#396548;--border:#d9e3de;--code-bg:#ebeee8;--shadow:#1c33220a;--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-expressive:all .4s cubic-bezier(.34, 1.56, .64, 1);--shadow-lg:0 16px 36px var(--shadow);--font-size-title:2.8rem;--font-size-subtitle:1.05rem;--font-size-body:.95rem;--font-size-badge:.9rem;--font-size-tag:.9rem;--spacing-header-mb:2.5rem;--spacing-footer-mt:3.5rem;--radius-badge:12px;--radius-tag:8px}[data-theme=dark]{--bg-primary:#0b130e;--bg-secondary:#121c15;--text-primary:#d1e6d3;--text-secondary:#9fb2a1;--accent:#a2c3a5;--accent-hover:#bcd7bf;--border:#233427;--code-bg:#18251c;--shadow:#00000040}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--transition-smooth);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.25}a{color:var(--accent);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--accent-hover)}code,pre{font-family:var(--font-mono);font-size:.9em}code{background-color:var(--code-bg);color:var(--accent-hover);transition:var(--transition-smooth);border-radius:6px;padding:.25em .45em}[data-theme=dark] code{color:var(--accent)}pre{background-color:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 4px 12px var(--shadow);border-radius:12px;margin:1.5rem 0;padding:1.25rem;overflow-x:auto}pre code{color:var(--text-primary);background-color:#0000;border-radius:0;padding:0}.container{max-width:800px;margin:0 auto;padding:2.5rem 1.5rem}.card-wrapper{width:100%;max-width:580px;transition:var(--transition-expressive);justify-content:center;align-items:center;display:flex;position:relative}.card-backlight-base{z-index:0;filter:blur(14px);opacity:.5;pointer-events:none;background:var(--accent);border-radius:30px;transition:opacity .5s,filter .5s;position:absolute;inset:-6px}.card-backlight-hover{z-index:0;filter:blur(18px);opacity:0;pointer-events:none;background:radial-gradient(320px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ed5e5e 0%, #f6ce55 15%, #30e871 35%, #42b6f0 60%, #be5eed 80%, transparent 100%);border-radius:30px;transition:opacity .5s,filter .5s;position:absolute;inset:-6px}@media (hover:hover){.card-wrapper:hover .card-backlight-base{opacity:0;filter:blur(18px)}.card-wrapper:hover .card-backlight-hover{opacity:.85}}@media (hover:none){.card-wrapper:active .card-backlight-base{opacity:0;filter:blur(18px)}.card-wrapper:active .card-backlight-hover{opacity:.85}}.card-expressive{background-color:var(--bg-secondary);border:1px solid var(--border);width:100%;box-shadow:0 10px 30px var(--shadow);transition:var(--transition-expressive);z-index:1;border-radius:24px;padding:3.5rem 2.5rem;position:relative}.card-wrapper:hover .card-expressive{border-color:var(--accent);box-shadow:0 14px 30px var(--shadow);transform:translateY(-3px)}.card-wrapper:active .card-expressive{transform:translateY(-1px)scale(.99)}.btn-expressive{background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);box-shadow:0 4px 12px var(--shadow);transition:var(--transition-expressive);border-radius:30px;outline:none;padding:.6rem 1.2rem;font-weight:500;position:relative;overflow:hidden}.btn-expressive:hover{box-shadow:0 6px 16px var(--shadow);border-color:var(--accent);transform:translateY(-2px)}.btn-expressive:active{transform:scale(.94)translateY(0)}.dom-ripple{pointer-events:none;z-index:10;background-color:currentColor;border-radius:50%;animation:.6s cubic-bezier(.2,0,0,1) ripple-animation;position:absolute;transform:scale(0)}@keyframes ripple-animation{0%{opacity:.15;transform:scale(0)}to{opacity:0;transform:scale(1)}}.rainbow-border{z-index:0;position:relative;overflow:hidden;background:0 0!important;border:none!important}.rainbow-border:before{content:"";z-index:-2;opacity:0;pointer-events:none;background:conic-gradient(#ed5e5e,#f6ce55,#30e871,#42b6f0,#be5eed,#ed5e5e);width:200%;height:200%;transition:opacity .3s;animation:4s linear infinite spin-rainbow;position:absolute;top:-50%;left:-50%}.rainbow-border:after{content:"";z-index:-1;background:var(--bg-secondary);border-radius:inherit;transition:var(--transition-smooth);position:absolute;inset:1px}.rainbow-border.btn-accent:after{background:var(--accent)}.rainbow-border.btn-accent:hover:after{background:var(--accent-hover)}@media (hover:hover){.rainbow-border:hover:before{opacity:1}}@media (hover:none){.rainbow-border:active:before{opacity:1}}@keyframes spin-rainbow{to{transform:rotate(360deg)}}.page-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:85vh;padding:2.5rem 1.5rem;display:flex}.site-header{margin-bottom:var(--spacing-header-mb)}.site-footer{margin-top:var(--spacing-footer-mt);color:var(--text-secondary);font-size:.85rem}.title-main{font-size:var(--font-size-title);color:var(--text-primary);font-family:var(--font-sans);letter-spacing:-.03em;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:700;display:flex}.text-subtitle{color:var(--text-secondary);font-size:var(--font-size-subtitle);font-family:var(--font-sans);letter-spacing:-.01em;margin-bottom:2rem;font-weight:400;line-height:1.5}.badge-expressive{background-color:var(--code-bg);border-radius:var(--radius-badge);color:var(--accent-hover);font-family:var(--font-mono);font-size:var(--font-size-badge);transition:var(--transition-smooth);margin-bottom:2rem;padding:.8rem 1.5rem;display:inline-block}.badge-tag{font-size:var(--font-size-tag);border-radius:var(--radius-tag);font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;display:inline-block}.badge-tag-beta{background-color:var(--accent);color:var(--bg-secondary)}.badge-tag-danger{color:#fff;background-color:#b52632}.text-desc{color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.6}.text-desc-mb{margin-bottom:2rem}.btn-accent{background-color:var(--accent);color:var(--bg-secondary);transition:var(--transition-expressive);box-shadow:0 4px 14px var(--shadow);border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1.8rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-accent:hover{box-shadow:0 6px 20px var(--shadow);background-color:var(--accent-hover);color:var(--bg-secondary);transform:translateY(-2px)}.btn-accent:active{transform:scale(.97)translateY(0)}