:root{--bg-gradient:radial-gradient(circle at top, #fff3f0 0%, #fae5df 50%, #f4d4cd 100%);--bg-dark-gradient:radial-gradient(circle at top, #2d1b18 0%, #1e1210 60%, #120b0a 100%);--color-rose-soft:#fbf0ee;--color-rose-pastel:#f7cac9;--color-rose-gold:#b76e79;--color-rose-deep:#a8525b;--color-gold:#c5a059;--color-gold-light:#e6c887;--color-sage:#8f9e8b;--color-sage-light:#b0beb1;--color-cream:#faf6f0;--text-dark:#2f2524;--text-light:#faf6f0;--text-muted:#85726e;--text-rose-gold:#b76e79;--transition-smooth:all .5s cubic-bezier(.25, .8, .25, 1);--transition-fast:all .25s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}button{cursor:pointer;color:inherit;background:0 0;border:0;outline:none;margin:0;padding:0;font-family:inherit}body{color:var(--text-dark);background:var(--bg-gradient);min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}::selection{color:var(--color-rose-deep);background-color:#f7cac966}h1,h2,h3,h4{color:var(--text-dark);font-family:Playfair Display,serif;font-weight:600}.handwritten{color:var(--color-rose-deep);font-family:Great Vibes,cursive;font-size:2.2rem;line-height:1.2}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-rose-soft)}::-webkit-scrollbar-thumb{background:var(--color-rose-pastel);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-rose-gold)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center;align-items:center;display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-end{align-items:flex-end}.shrink-0{flex-shrink:0}.flex-1{flex:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width>=640px){.sm-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.gap-1-5{gap:.375rem}@media (width>=768px){.md-gap-12{gap:3rem}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.top-2{top:.5rem}.top-6{top:1.5rem}.right-4{right:1rem}.right-6{right:1.5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-1-2{left:50%}.-translate-x-1-2{transform:translate(-50%)}.-translate-y-1-2{transform:translateY(-50%)}.-translate-x-1-2.-translate-y-1-2{transform:translate(-50%,-50%)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.min-h-500{min-height:500px}.h-screen{height:100vh}.dashboard-sidebar{width:100%;max-width:480px}@media (width<=640px){.dashboard-sidebar{max-width:100%}}.w-360{width:360px}.h-240{height:240px}.w-340{width:340px}.h-320{height:320px}.h-120{height:120px}.top-120{top:120px}.w-500{width:500px}.h-340{height:340px}.w-460{width:460px}.h-450{height:450px}.max-w-600{max-width:600px}.h-170{height:170px}.top-170{top:170px}.envelope-wrapper{justify-content:center;align-items:center;max-width:600px;height:450px;transition:transform .3s;display:flex}@media (width<=640px){.envelope-wrapper{transform:scale(.85)}}@media (width<=480px){.envelope-wrapper{transform:scale(.7)}}@media (width<=380px){.envelope-wrapper{transform:scale(.6)}}.w-14{width:3.5rem}.h-14{height:3.5rem}.w-10{width:2.5rem}.w-24{width:6rem}.h-20{height:5rem}.w-64{width:16rem}.h-64{height:16rem}.w-80{width:20rem}.w-12{width:3rem}.h-12{height:3rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-4{width:1rem}.h-4{height:1rem}.w-3-5{width:.875rem}.h-3-5{height:.875rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-1-5{width:.375rem}.h-10{height:2.5rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xs{max-width:20rem}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.max-w-450{max-width:450px}.max-h-24{max-height:6rem}.max-h-220{max-height:220px}.aspect-square{aspect-ratio:1}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-3{padding:.75rem}.pb-8{padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pb-4{padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.px-4{padding-left:1rem;padding-right:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2-5{padding-top:.625rem;padding-bottom:.625rem}.py-1-5{padding-top:.375rem;padding-bottom:.375rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mt-4{margin-top:1rem;margin-bottom:1rem}.mt-28{margin-top:7rem}.mt-2{margin-top:.5rem}.mt-1{margin-top:.25rem}.mb-16{margin-bottom:4rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mb-2{margin-bottom:.5rem}.ml-4{margin-left:1rem}.ml-0-5{margin-left:.125rem}.mr-2{margin-right:.5rem}.pt-4{padding-top:1rem}.pt-3{padding-top:.75rem}.pt-2{padding-top:.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.border{border:1px solid #e5e7eb}.border-t{border-top:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.border-l{border-left:1px solid #e5e7eb}.border-t-4{border-top-width:4px}.border-4{border-width:4px}.border-gray-200{border-color:#e5e7eb}.border-rose-100{border-color:#ffe4e6}.border-dashed{border-style:dashed}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-light{font-weight:300}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-dark{color:var(--text-dark)}.text-light{color:var(--text-light)}.text-muted{color:var(--text-muted)}.text-rose-gold{color:var(--color-rose-gold)}.text-rose-deep{color:var(--color-rose-deep)}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.bg-white{background-color:#fff}.bg-white\/70{background-color:#ffffffb3}.bg-rose-50\/50{background-color:#fff1f280}.bg-rose-50{background-color:#fff1f2}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-50{background-color:#f9fafb}.bg-blue-300{background-color:#93c5fd}.bg-transparent{background:0 0}.intro-bg{background:radial-gradient(circle at top,#faf6f0 0%,#fae5df 50%,#f4d4cd 100%)}.bg-gradient-soft{background:linear-gradient(#0000,#fae5df66,#0000)}.pot-body{background-color:var(--color-gold);border-top:4px solid #a8823b}.envelope-back{background-color:#eed9d4}.wax-seal{background:linear-gradient(135deg, var(--color-rose-gold) 0%, var(--color-rose-deep) 100%);border:1px solid var(--color-gold);z-index:15}.wax-seal:hover{background:linear-gradient(135deg, var(--color-rose-deep) 0%, #8a3e46 100%)}.btn-primary{background:linear-gradient(135deg, var(--color-rose-gold) 0%, var(--color-rose-deep) 100%);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:50px;box-shadow:0 4px 15px #b76e794d}.btn-primary:hover{background:linear-gradient(135deg, var(--color-rose-deep) 0%, #8a3e46 100%);transform:translateY(-2px)scale(1.03);box-shadow:0 6px 20px #b76e7980}.btn-settings{-webkit-backdrop-filter:blur(12px);color:#6b7280;cursor:pointer;background-color:#ffffffb3;border:1px solid #e5e7eb}.btn-settings:hover{color:var(--color-rose-gold);border-color:var(--color-rose-gold)}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.opacity-0{opacity:0}.opacity-1{opacity:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-80{z-index:80}.z-90{z-index:90}.z-100{z-index:100}.z-110{z-index:110}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:1.5s infinite bounce}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-8px)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.group:hover .group-hover\:rotate-45{transform:rotate(45deg)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.active-bounce:active{transform:translateY(1px)}select,textarea,input[type=text]{transition:var(--transition-fast);outline:none;font-family:inherit}select:focus,textarea:focus,input[type=text]:focus{border-color:var(--color-rose-gold);box-shadow:0 0 0 2px #b76e7926}select.bg-white{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238e6e66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;padding-right:28px!important}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1200px}}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffff73;border:1px solid #ffffff80;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #b76e791a}.glass-panel-dark{-webkit-backdrop-filter:blur(16px);background:#2f2524a6;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000004d}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}.float-element{animation:6s ease-in-out infinite float}.glow-text{text-shadow:0 0 15px #fbf0eecc,0 0 5px #b76e794d}.glow-btn{background:linear-gradient(135deg, var(--color-rose-pastel) 0%, var(--color-rose-gold) 100%);color:#fff;letter-spacing:1px;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:50px;padding:.8rem 2rem;font-family:Outfit,sans-serif;font-weight:500;box-shadow:0 4px 15px #b76e794d}.glow-btn:hover{background:linear-gradient(135deg, var(--color-rose-gold) 0%, var(--color-rose-deep) 100%);transform:translateY(-2px)scale(1.03);box-shadow:0 6px 20px #b76e7980}.glow-btn:active{transform:translateY(0)scale(1)}.dashboard-glass{-webkit-backdrop-filter:blur(20px);background:#ffffffe0;border-left:1px solid #ffffff80}.dashboard-input{width:100%;color:var(--text-dark);background-color:#faf6f0b3;border:1px solid #b76e7933;border-radius:10px;padding:.65rem .85rem;font-family:Outfit,sans-serif;font-size:.825rem;transition:all .25s}.dashboard-input:focus{border-color:var(--color-rose-gold);background-color:#fffffffa;box-shadow:0 0 0 3px #b76e791a,0 4px 12px #b76e790a}.dashboard-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}.dashboard-section-card{background:#ffffff73;border:1px solid #ffffffb3;border-radius:16px;padding:1.25rem;box-shadow:0 4px 20px #b76e7905}.dashboard-section-title{letter-spacing:.05em;color:var(--color-rose-deep);border-bottom:1px solid #b76e7926;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-family:Playfair Display,serif;font-size:.95rem;font-weight:700;display:flex}.dashboard-header-title{color:var(--color-rose-deep);letter-spacing:.02em;font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700}.btn-dashboard-primary{background:linear-gradient(135deg, var(--color-rose-gold) 0%, var(--color-rose-deep) 100%);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:12px;box-shadow:0 4px 15px #b76e7940}.btn-dashboard-primary:hover{background:linear-gradient(135deg, var(--color-rose-deep) 0%, #8a3e46 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #b76e7973}.btn-secondary{background:linear-gradient(135deg, var(--color-sage-light) 0%, var(--color-sage) 100%);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:12px;box-shadow:0 4px 15px #8f9e8b33}.btn-secondary:hover{background:linear-gradient(135deg, var(--color-sage) 0%, #768573 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #8f9e8b66}