@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&family=Nunito+Sans:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900&family=Montserrat:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg: #0F172A;--color-primary: #EA7362;--color-surface: #B74242;--color-shadow-light: rgba(255, 214, 182, .03);--color-shadow-dark: rgba(0, 0, 0, .4);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--neomorph-bg: var(--color-surface);--neomorph-shadow: 10px 10px 20px var(--color-shadow-dark), -5px -5px 15px var(--color-shadow-light)}html,body,#root{height:100%;margin:0;background:transparent;font-family:Outfit,system-ui,sans-serif;color:#ffd6b6;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;color:#ffd6b6;margin:0;font-weight:700;letter-spacing:-.025em}p,span,div,label{font-weight:400}strong,b{font-weight:700;color:#fff}.neomorph-card{background:var(--neomorph-bg);border-radius:12px;box-shadow:var(--neomorph-shadow);padding:var(--space-lg);transition:transform .2s ease-out,box-shadow .2s ease-out}.neomorph-card:hover{transform:translateY(-2px);box-shadow:-4px -4px 12px var(--color-shadow-light),4px 4px 12px var(--color-shadow-dark)}.neomorph-card:active{transform:translateY(1px)}.neomorph-btn{background:var(--neomorph-bg);color:#fff;border:1px solid rgba(255,214,182,.05);border-radius:8px;padding:var(--space-sm) var(--space-md);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;cursor:pointer;box-shadow:var(--neomorph-shadow);transition:all .2s cubic-bezier(.4,0,.2,1)}.neomorph-btn:hover{transform:translateY(-1px)}.neomorph-btn:active{transform:translateY(1px)}.fade-in{opacity:0;transform:translateY(10px);animation:fadeIn .4s forwards ease-out}@keyframes fadeIn{to{opacity:1;transform:none}}@tailwind base;@tailwind components;@tailwind utilities;:root{--c-bg: #3A1818;--c-surface: rgba(20, 27, 45, .75);--c-primary: #EA7362;--c-accent: #FFD6B6;--c-success: #EA7362;--c-text: #FFD6B6;--c-text-muted: #FFD6B6;--blur: 12px;--neomorph-bg: rgba(100, 35, 35, .7);--neomorph-shadow: 20px 20px 60px rgba(0, 0, 0, .7), -8px -8px 24px rgba(234, 115, 98, .04);--neomorph-inset: inset 6px 6px 16px rgba(0, 0, 0, .55), inset -4px -4px 12px rgba(255, 214, 182, .02)}html,body{font-family:Montserrat,system-ui,sans-serif!important;height:100%}body{@apply text-[#FFD6B6];background:transparent;min-height:100vh}h1,h2,h3{font-family:DM Sans,system-ui,sans-serif;font-weight:700;letter-spacing:-.02em}code,.mono{font-family:JetBrains Mono,monospace}@layer components{.neomorph{background:linear-gradient(145deg,rgba(120,45,45,.9) 0%,rgba(92,38,38,.88) 100%);box-shadow:24px 24px 64px #000000bf,-10px -10px 30px #b7424214}.neomorph-card{background:linear-gradient(145deg,rgba(120,45,45,.9) 0%,rgba(92,38,38,.88) 100%);box-shadow:24px 24px 64px #000000bf,-10px -10px 30px #b7424214,inset 0 1px #ffd6b60a;border:1px solid rgba(234,115,98,.1);@apply rounded-2xl;}.neomorph-inset{background:linear-gradient(145deg,rgba(70,25,25,.8) 0%,rgba(100,35,35,.7) 100%);box-shadow:inset 6px 6px 16px #00000080,inset -4px -4px 12px #b742420a;border:1px solid rgba(255,214,182,.03);@apply rounded-xl outline-none;}.neomorph-item{background:linear-gradient(145deg,rgba(140,50,50,.8) 0%,rgba(100,35,35,.75) 100%);box-shadow:6px 6px 16px #00000080,-4px -4px 12px #b7424214,inset 0 1px #ffd6b60d;border:1px solid rgba(234,115,98,.08);transition:all .3s ease;@apply rounded-xl;}.neomorph-item:hover{border-color:#ea736233;box-shadow:8px 8px 20px #0000008c,-5px -5px 14px #b742421a,inset 0 1px #ffd6b612;transform:translateY(-1px)}.glass{background:linear-gradient(145deg,rgba(120,45,45,.9) 0%,rgba(92,38,38,.88) 100%);box-shadow:24px 24px 64px #000000bf,-10px -10px 30px #b7424214,inset 0 1px #ffd6b60a;border:1px solid rgba(234,115,98,.1);@apply rounded-2xl;}.btn-primary{@apply rounded-xl font-bold uppercase tracking-widest transition-all px-6 py-2.5;font-family:DM Sans,sans-serif;color:#ffd6b6;text-shadow:0 0 8px rgba(234,115,98,.6),0 2px 4px rgba(0,0,0,.8);background:transparent;border:1.5px solid rgba(234,115,98,.4);box-shadow:8px 8px 20px #00000080,-5px -5px 16px #b7424212,inset 0 1px #ffd6b60d,inset 0 -1px #00000026}.btn-primary:not(:disabled):hover{border-color:#ea736299;color:#ffd6b6;text-shadow:0 0 12px rgba(234,115,98,.8),0 2px 4px rgba(0,0,0,.8);box-shadow:10px 10px 28px #00000080,-6px -6px 20px #b742421a,inset 0 1px #ffd6b612,inset 0 -1px #0000001a,0 0 24px #ea736233;transform:translateY(-2px)}.btn-primary:not(:disabled):active{border-color:#ea736280;color:#ffd6b6;box-shadow:inset 6px 6px 16px #00000073,inset -4px -4px 12px #b742420d,0 0 16px #ea73621f;transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.input-field{@apply rounded-xl px-4 py-3 text-[#FFD6B6] transition-all outline-none font-mono text-sm;box-sizing:border-box;width:100%;display:block;background:linear-gradient(145deg,rgba(70,25,25,.8) 0%,rgba(100,35,35,.7) 100%);box-shadow:inset 8px 8px 20px #0009,inset -6px -6px 16px #b742420f,inset 0 2px 4px #0000004d;border:1px solid rgba(255,214,182,.03)}.input-field:focus{box-shadow:inset 10px 10px 24px #000000b3,inset -6px -6px 16px #b742420a,inset 0 2px 6px #0006,0 0 0 2px #ea736233;border-color:#ea736240}}.center-fixed{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.center-fixed>*{pointer-events:auto}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 60% 50% at 10% 90%,rgba(234,115,98,.18) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 90% 10%,rgba(183,66,66,.1) 0%,transparent 60%),radial-gradient(ellipse 80% 40% at 50% 100%,rgba(234,115,98,.12) 0%,transparent 50%),radial-gradient(ellipse 70% 50% at 80% 80%,rgba(234,115,98,.08) 0%,transparent 60%),linear-gradient(180deg,#3A1818 0%,#4A1E1E 40%,#5C2626 100%);animation:mesh-flow 20s infinite alternate ease-in-out}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 40% 30% at 20% 80%,rgba(92,38,38,.12) 0%,transparent 70%),radial-gradient(ellipse 30% 40% at 75% 20%,rgba(183,66,66,.06) 0%,transparent 60%);animation:mesh-flow-alt 25s infinite alternate ease-in-out;pointer-events:none}@keyframes mesh-flow{0%{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(1%,1%)}to{transform:scale(1) translate(-.5%,-.5%)}}@keyframes mesh-flow-alt{0%{transform:scale(1) translate(0);opacity:.6}50%{transform:scale(1.08) translate(-1%,1.5%);opacity:1}to{transform:scale(1) translate(.5%,-.5%);opacity:.7}}.neomorph-login{background:linear-gradient(145deg,rgba(120,45,45,.9) 0%,rgba(92,38,38,.88) 100%);box-shadow:24px 24px 64px #000000bf,-10px -10px 30px #b7424214,inset 0 1px #ffd6b60a;border:1px solid rgba(234,115,98,.1);position:relative;padding:clamp(2rem,5vw,3.5rem)!important}.neomorph-login:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(234,115,98,.25) 0%,rgba(234,115,98,.05) 30%,transparent 50%,rgba(183,66,66,.05) 70%,rgba(183,66,66,.15) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.neomorph-login .inline-flex{background:linear-gradient(145deg,rgba(140,50,50,.95) 0%,rgba(100,35,35,.9) 100%);box-shadow:6px 6px 16px #00000080,-4px -4px 12px #b7424214,inset 0 1px #ffd6b60d;border:1px solid rgba(234,115,98,.15)!important;transition:box-shadow .3s ease}.neomorph-login input,.neomorph-login input[type=text],.neomorph-login input[type=password],.neomorph-login input[type=email]{box-sizing:border-box!important;width:100%!important;display:block!important;min-width:0!important;background:linear-gradient(145deg,rgba(70,25,25,.8) 0%,rgba(100,35,35,.7) 100%)!important;box-shadow:inset 8px 8px 20px #0009,inset -6px -6px 16px #b742420f,inset 0 2px 4px #0000004d!important;border:1px solid rgba(255,214,182,.03)!important;transition:box-shadow .3s ease,border-color .3s ease!important}.neomorph-login input:focus{box-shadow:inset 10px 10px 24px #000000b3,inset -6px -6px 16px #b742420a,inset 0 2px 6px #0006,0 0 0 2px #ea736233!important;border-color:#ea736240!important}.neomorph-login label{text-shadow:0 1px 2px rgba(0,0,0,.4);letter-spacing:.12em}.neomorph-login button[type=submit]{display:block;margin-left:auto;margin-right:auto;text-align:center;background:transparent!important;border:1.5px solid rgba(234,115,98,.4)!important;padding-top:1.1rem!important;padding-bottom:1.1rem!important;color:#ffd6b6!important;font-family:DM Sans,sans-serif!important;font-weight:800!important;letter-spacing:.15em!important;text-shadow:0 0 8px rgba(234,115,98,.6),0 2px 4px rgba(0,0,0,.8)!important;box-shadow:8px 8px 20px #00000080,-5px -5px 16px #b7424212,inset 0 1px #ffd6b60d,inset 0 -1px #00000026!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.neomorph-login button[type=submit]:hover{border-color:#ea736299!important;color:#ffd6b6!important;text-shadow:0 0 12px rgba(234,115,98,.8),0 2px 4px rgba(0,0,0,.8)!important;box-shadow:10px 10px 28px #00000080,-6px -6px 20px #b742421a,inset 0 1px #ffd6b612,inset 0 -1px #0000001a,0 0 24px #ea736233!important;transform:translateY(-2px)}.neomorph-login button[type=submit]:active{border-color:#ea736280!important;color:#ffd6b6!important;box-shadow:inset 6px 6px 16px #00000073,inset -4px -4px 12px #b742420d,0 0 16px #ea73621f!important;transform:translateY(1px)}.neomorph-login .text-\[9px\]{text-shadow:0 1px 2px rgba(0,0,0,.5)}.neomorph-login h2{text-shadow:0 2px 8px rgba(0,0,0,.3),0 0 1px rgba(255,214,182,.05)}.neomorph-login .neomorph-inset{box-shadow:inset 6px 6px 16px #00000080,inset -4px -4px 12px #b742420a!important}.neomorph-login .h-px{height:2px;border-radius:1px;box-shadow:0 1px 2px #0006,inset 0 1px #ffd6b608}@layer utilities{.enter{animation:slideUp .6s cubic-bezier(.165,.84,.44,1) forwards}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes starTwinkle{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes ramadanPulse{0%,to{opacity:.4;transform:scale(.92);filter:brightness(1) blur(0px)}50%{opacity:.8;transform:scale(1.08);filter:brightness(1.2) blur(1px)}}@keyframes ramadanGlow{0%,to{filter:drop-shadow(0 0 5px rgba(234,115,98,.4))}50%{filter:drop-shadow(0 0 15px rgba(234,115,98,.7))}}.ramadan-pulse-div{animation:ramadanPulse 4s ease-in-out infinite;will-change:opacity,transform}@keyframes countPop{0%{transform:scale(1)}50%{transform:scale(1.4);filter:brightness(1.2)}to{transform:scale(1)}}.count-animate{display:inline-block;animation:countPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes successGlow{0%{box-shadow:0 0 #ea736200}50%{box-shadow:0 0 20px #ea736273}to{box-shadow:0 0 #ea736200}}.item-added-glow{animation:successGlow .6s ease-out}@keyframes slideInStatus{0%{transform:translate(40px);opacity:0;filter:blur(4px)}to{transform:translate(0);opacity:1;filter:blur(0)}}.status-card-enter{animation:slideInStatus .5s cubic-bezier(.23,1,.32,1) forwards}.button-press-effect{transition:transform .1s ease,filter .1s ease;will-change:transform,filter}.button-press-effect:active{transform:scale(.96) translateY(1px)!important;filter:brightness(.9)}.ripple-parent{position:relative;overflow:hidden}