@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--background: linear-gradient(135deg, #fffcf5 0%, #fff9ed 100%);--foreground: #1a1a1a;--card: #ffffff;--card-foreground: #1a1a1a;--popover: #ffffff;--popover-foreground: #1a1a1a;--primary: #D4A853;--primary-foreground: #ffffff;--secondary: #00A651;--secondary-foreground: #ffffff;--muted: #fffcf5;--muted-foreground: #666666;--accent: #fff9ed;--accent-foreground: #D4A853;--destructive: #dc2626;--destructive-foreground: #ffffff;--success: #00A651;--success-foreground: #ffffff;--warning: #E5B75E;--warning-foreground: #ffffff;--border: rgba(212, 168, 83, .2);--input: transparent;--input-background: #fffcf5;--switch-background: #D4A853;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-semibold: 600;--ring: rgba(212, 168, 83, .5);--chart-1: #D4A853;--chart-2: #C49A3C;--chart-3: #E5B75E;--chart-4: #00A651;--chart-5: #B8860B;--radius: .75rem;--sidebar: #fffcf5;--sidebar-foreground: #1a1a1a;--sidebar-primary: #D4A853;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #fff9ed;--sidebar-accent-foreground: #D4A853;--sidebar-border: rgba(212, 168, 83, .15);--sidebar-ring: rgba(212, 168, 83, .3);--gradient-from: #D4A853;--gradient-via: #C49A3C;--gradient-to: #B8860B;--gradient-accent: #00A651}.dark{--background: oklch(.145 .02 40);--foreground: oklch(.985 0 0);--card: oklch(.18 .02 40);--card-foreground: oklch(.985 0 0);--popover: oklch(.18 .02 40);--popover-foreground: oklch(.985 0 0);--primary: oklch(.65 .25 40);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.75 .2 50);--secondary-foreground: oklch(.145 0 0);--muted: oklch(.25 .02 40);--muted-foreground: oklch(.708 0 0);--accent: oklch(.3 .02 40);--accent-foreground: oklch(.65 .25 40);--destructive: oklch(.55 .25 25);--destructive-foreground: oklch(.985 0 0);--border: oklch(.3 .02 40);--input: oklch(.3 .02 40);--ring: oklch(.65 .25 40);--chart-1: oklch(.65 .25 40);--chart-2: oklch(.7 .22 45);--chart-3: oklch(.75 .2 50);--chart-4: oklch(.8 .18 60);--chart-5: oklch(.6 .28 35);--sidebar: oklch(.2 .02 40);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.65 .25 40);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.3 .02 40);--sidebar-accent-foreground: oklch(.65 .25 40);--sidebar-border: oklch(.3 .02 40);--sidebar-ring: oklch(.5 .15 40)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-gradient-from: var(--gradient-from); --color-gradient-via: var(--gradient-via); --color-gradient-to: var(--gradient-to); --color-gradient-accent: var(--gradient-accent); --radius-sm: calc(var(--radius) - 2px); --radius-md: var(--radius); --radius-lg: calc(var(--radius) + 2px); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply text-foreground antialiased;background:linear-gradient(135deg,#fffcf5,#fff9ed,#fef5e7,#fdf3e0,#fff9ed,#fffcf5);background-attachment:fixed;scroll-behavior:smooth;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 15% 20%,rgba(212,168,83,.12) 0%,transparent 40%),radial-gradient(ellipse at 85% 20%,rgba(0,166,81,.08) 0%,transparent 40%),radial-gradient(ellipse at 15% 80%,rgba(196,154,60,.08) 0%,transparent 40%),radial-gradient(ellipse at 85% 80%,rgba(212,168,83,.08) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(212,168,83,.03) 0%,transparent 60%);pointer-events:none;z-index:0}*:focus-visible{@apply outline-2 outline-offset-2;outline-color:#d4a853}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes norkaShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes norkaFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-pulse{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.animate-slide-up{animation:slideUp .5s ease-out}.animate-shimmer{background:linear-gradient(90deg,#d4a853,#c49a3c,#e5b75e,#c49a3c,#d4a853);background-size:200% 100%;animation:norkaShimmer 3s linear infinite}.animate-float{animation:norkaFloat 4s ease-in-out infinite}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#fff9ed;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4a853,#c49a3c,#b8860b);border-radius:10px;border:2px solid #fff9ed}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e5b75e,#d4a853,#00a651);box-shadow:0 0 10px #d4a85380}.norka-gradient,.brand-gradient,.monarch-gradient{background:#d4a853;box-shadow:0 4px 20px #d4a8534d}.norka-gradient-reverse,.monarch-gradient-reverse{background:#00a651}.norka-gradient-radial,.monarch-gradient-radial{background:#d4a853}.norka-text-gradient,.brand-text-gradient,.monarch-text-gradient{color:#d4a853}.wing-left,.butterfly-wing-left{background:linear-gradient(135deg,#1a1a1a,#d4a853,#c49a3c,#e5b75e,#00a651,#fff)}.wing-right,.butterfly-wing-right{background:linear-gradient(-135deg,#1a1a1a,#d4a853,#c49a3c,#e5b75e,#00a651,#fff)}.shine-effect,.butterfly-shine{position:relative;overflow:hidden}.shine-effect:after,.butterfly-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 20%,rgba(212,168,83,.15) 40%,rgba(255,255,255,.2) 50%,rgba(212,168,83,.15) 60%,transparent 80%);transform:rotate(45deg);animation:butterflyShine 5s ease-in-out infinite}@keyframes butterflyShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes wingFlap{0%,to{transform:scaleX(1) translateY(0)}50%{transform:scaleX(1.05) translateY(-3px)}}.animate-wing-flap{animation:wingFlap 2s ease-in-out infinite}@keyframes norkaSparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.norka-sparkle{position:relative}.norka-sparkle:before{content:"✨";position:absolute;top:-10px;right:-10px;animation:norkaSparkle 3s ease-in-out infinite}.norka-hover,.monarch-hover{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.norka-hover:before,.monarch-hover:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:3px;background:linear-gradient(135deg,#d4a853,#c49a3c,#e5b75e,#00a651,#d4a853);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease,background-position .6s ease}.norka-hover:hover:before,.monarch-hover:hover:before{opacity:1;background-position:100% 100%}.norka-hover:hover,.monarch-hover:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px -10px #d4a85366,0 10px 20px -8px #c49a3c4d,0 0 60px -15px #d4a85333}@keyframes borderPulse{0%,to{border-color:#d4a8534d;box-shadow:0 0 20px #d4a85333}50%{border-color:#00a65199;box-shadow:0 0 30px #00a65166}}.border-pulse,.butterfly-border-pulse{animation:borderPulse 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-scale-in{animation:scaleIn .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}button,a,[role=button]{transition:all .2s ease}button:active,a:active,[role=button]:active{transform:scale(.98)}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}main{animation:pageEnter .5s ease-out}.pattern-bg,.butterfly-pattern-bg{background-image:radial-gradient(circle at 20% 30%,rgba(212,168,83,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,166,81,.05) 0%,transparent 50%)}.norka-gradient:hover,.brand-gradient:hover,.monarch-gradient:hover{background:#00a651;box-shadow:0 8px 30px #00a65166;transform:translateY(-2px)}.norka-gradient:active,.brand-gradient:active,.monarch-gradient:active{transform:translateY(0) scale(.98)}}@supports (color: color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:2.25rem;font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:-.025em;background:linear-gradient(135deg,#d4a853,#c49a3c,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:1.875rem;font-weight:var(--font-weight-semibold);line-height:1.3;letter-spacing:-.025em}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:1.5rem;font-weight:var(--font-weight-medium);line-height:1.4}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:1.25rem;font-weight:var(--font-weight-medium);line-height:1.4}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h5{font-size:1.125rem;font-weight:var(--font-weight-medium);line-height:1.4}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.6}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:.875rem;font-weight:var(--font-weight-medium);line-height:1.4}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) textarea,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) select{font-size:.875rem;font-weight:var(--font-weight-normal);line-height:1.4}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) .text-monarch{background:linear-gradient(135deg,#d4a853,#c49a3c,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}html{font-size:var(--font-size)}