:root{--color-bg:#fffdf8;--color-bg-alt:#ffffff;--color-surface:#ffffff;--color-surface-soft:#fff7fb;--color-text:#222222;--color-text-muted:#6c6c7a;--color-border:#e6e2f0;--color-primary:#ff6f61;--color-primary-soft:#ffe2dc;--color-secondary:#4ecdc4;--color-mint:#b7f0e5;--color-sky:#9fd7ff;--color-coral:#ff8a80;--color-yellow:#ffe680;--color-lavender:#d6c7ff;--color-pink:#ffb3d1;--color-green:#9be15d;--color-success:#2e9e6f;--color-warning:#f6a623;--color-danger:#e64b4b;--gray-50:#faf9ff;--gray-100:#f3f2fa;--gray-200:#e5e4f0;--gray-300:#d1cfdf;--gray-400:#a6a3c0;--gray-500:#7c7896;--gray-600:#5b5872;--gray-700:#3f3c53;--gray-800:#262437;--gray-900:#151323;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Poppins","Baloo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-tight:1.1;--line-height-snug:1.3;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1.25rem;--radius-xl:2rem;--radius-full:999px;--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 2px 6px rgba(15,23,42,0.06);--shadow-md:0 8px 20px rgba(15,23,42,0.08);--shadow-lg:0 14px 40px rgba(15,23,42,0.12);--shadow-soft-rainbow:0 18px 45px rgba(255,182,193,0.25);--transition-fast:150ms ease-out;--transition-base:220ms ease-out;--transition-slow:320ms ease-out;--max-width-page:1120px;--container-padding:1.25rem;--focus-ring-color:rgba(79,209,197,0.9);--focus-ring:0 0 0 3px var(--focus-ring-color)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);background:radial-gradient(circle at top left,rgba(255,235,205,0.9),transparent 55%),radial-gradient(circle at top right,rgba(183,240,229,0.9),transparent 55%),radial-gradient(circle at 120% 120%,rgba(214,199,255,0.85),transparent 60%),var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}audio{max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{border:none;background:none;padding:0;margin:0}p,h1,h2,h3,h4,h5,h6,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}a{color:inherit;text-decoration:none;text-underline-offset:0.12em}a:hover{text-decoration:underline}body{text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-0.02em;color:var(--gray-900)}h1{font-size:clamp(2.25rem,4vw,3rem);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h2{font-size:clamp(1.75rem,3vw,2.25rem);line-height:var(--line-height-snug);margin-bottom:var(--space-3)}h3{font-size:1.5rem;line-height:var(--line-height-snug);margin-bottom:var(--space-3)}h4{font-size:1.25rem;line-height:var(--line-height-snug);margin-bottom:var(--space-2)}p {margin-bottom:var(--space-4);color:var(--color-text-muted);max-width:70ch}p.lead{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--gray-700)}a.button-link{text-decoration:none}strong,b{font-weight:600}small{font-size:var(--font-size-sm)}code,kbd,pre,samp {font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:0.9em}.container{width:100%;max-width:var(--max-width-page);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.layout-full-bleed{width:100%;margin:0;padding:0}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap {flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-gap-4{gap:var(--space-4)}.grid-gap-6{gap:var(--space-6)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.flex-row{flex-direction:column}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:999px;border:1px solid transparent;background:linear-gradient(120deg,var(--color-primary),var(--color-coral));color:#ffffff;font-family:var(--font-display);font-weight:600;font-size:var(--font-size-sm);letter-spacing:0.02em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),opacity var(--transition-fast)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft-rainbow);text-decoration:none}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled,.btn[aria-disabled=true]{opacity:0.55;cursor:not-allowed;box-shadow:var(--shadow-xs);transform:none}.btn-secondary{background:linear-gradient(120deg,var(--color-mint),var(--color-sky));color:var(--gray-900)}.btn-ghost{background:rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.9);color:var(--gray-800);backdrop-filter:blur(10px)}.btn-ghost:hover{background:rgba(255,255,255,0.95)}.btn-outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary);box-shadow:none}.btn-outline:hover{background:var(--color-primary-soft);box-shadow:var(--shadow-sm)}.btn-sm{padding:0.5rem 1rem;font-size:var(--font-size-xs)}.btn-lg{padding:0.9rem 1.75rem;font-size:var(--font-size-base)}form{width:100%;max-width:40rem}fieldset{border:0;padding:0;margin:0}label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--gray-800);margin-bottom:var(--space-1)}.field-group {margin-bottom:var(--space-4)}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=time],input[type=number],select,textarea{width:100%;padding:0.7rem 0.9rem;border-radius:var(--radius-md);border:1px solid var(--gray-200);background:rgba(255,255,255,0.9);color:var(--gray-900);box-shadow:var(--shadow-xs);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--gray-400)}textarea{min-height:7rem;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 1px rgba(78,205,196,0.4),var(--shadow-sm);background:#ffffff}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 1px rgba(230,75,75,0.25)}.field-help {margin-top:0.25rem;font-size:var(--font-size-xs);color:var(--color-text-muted)}.field-error{margin-top:0.25rem;font-size:var(--font-size-xs);color:var(--color-danger)}.card{position:relative;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(255,255,255,0.96),rgba(255,247,251,0.96));border:1px solid rgba(230,226,245,0.9);box-shadow:var(--shadow-md);padding:var(--space-5)}.card-soft{background:rgba(255,255,255,0.9);backdrop-filter:blur(16px)}.card-header{margin-bottom:var(--space-3)}.card-title{font-size:var(--font-size-xl);margin-bottom:var(--space-1)}.card-badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.25rem 0.75rem;border-radius:999px;background:linear-gradient(120deg,var(--color-yellow),var(--color-pink));font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--gray-900)}.chip {display:inline-flex;align-items:center;padding:0.25rem 0.7rem;border-radius:999px;font-size:var(--font-size-xs);background:rgba(255,255,255,0.85);border:1px solid rgba(255,255,255,0.9);box-shadow:var(--shadow-xs)}.pill-gradient{background:linear-gradient(120deg,var(--color-mint),var(--color-sky),var(--color-lavender));color:var(--gray-900)}.badge-soft{background:var(--color-primary-soft);color:var(--color-primary)}.hero-gradient{background:radial-gradient(circle at top left,rgba(255,182,193,0.7),transparent 55%),radial-gradient(circle at top right,rgba(159,215,255,0.7),transparent 55%),radial-gradient(circle at bottom,rgba(155,225,93,0.6),transparent 55%)}.pill-nav{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.35rem;border-radius:999px;background:rgba(255,255,255,0.9);box-shadow:var(--shadow-xs)}.pill-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0.4rem 0.9rem;border-radius:999px;font-size:var(--font-size-xs);color:var(--gray-700);text-decoration:none;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.pill-nav a[aria-current=page],.pill-nav a.is-active{background:linear-gradient(120deg,var(--color-primary),var(--color-coral));color:#ffffff;box-shadow:0 10px 25px rgba(255,111,97,0.4);transform:translateY(-1px)}.pill-nav a:hover{text-decoration:none;background:rgba(255,255,255,0.9);box-shadow:var(--shadow-sm)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}[role=button]{cursor:pointer}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important}html{scroll-behavior:auto}}.cookie-banner{position:fixed;z-index:40;left:50%;bottom:var(--space-4);transform:translateX(-50%);width:100%;max-width:32rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(18px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);border:1px solid rgba(230,226,245,0.9)}.cookie-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.cookie-actions .btn{flex:1;min-width:7rem}.cookie-actions .btn-outline{border-color:var(--gray-200);color:var(--gray-700)}.tagline{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.14em;color:var(--gray-500);margin-bottom:var(--space-2)}.accent-text{background:linear-gradient(120deg,var(--color-primary),var(--color-yellow),var(--color-sky));-webkit-background-clip:text;background-clip:text;color:transparent}.section{padding-block:var(--space-10)}.section-soft{background:linear-gradient(135deg,rgba(255,250,245,0.9),rgba(245,255,252,0.9))}.section-title{margin-bottom:var(--space-2)}.section-intro{margin-bottom:var(--space-6)}.highlight-strip {border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);background:linear-gradient(120deg,rgba(255,179,209,0.16),rgba(159,215,255,0.12));border:1px solid rgba(255,207,230,0.6);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.faq-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.faq-item{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:rgba(255,255,255,0.9);border:1px solid rgba(230,226,245,0.8);box-shadow:var(--shadow-xs)}.faq-question{font-weight:600;color:var(--gray-900);margin-bottom:0.25rem;font-size:var(--font-size-base)}.faq-answer{font-size:var(--font-size-sm);color:var(--color-text-muted)}.badge-poker{background:linear-gradient(120deg,var(--color-sky),var(--color-lavender));color:var(--gray-900)}.badge-etterem{background:linear-gradient(120deg,var(--color-mint),var(--color-yellow));color:var(--gray-900)}.badge-koktel{background:linear-gradient(120deg,var(--color-pink),var(--color-coral));color:var(--gray-900)}