@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600&display=swap";:root{--bg-color:#f3f4f6;--text-color:#111827;--text-muted:#6b7280;--primary:#6366f1;--primary-hover:#4f46e5;--surface:#ffffffd9;--surface-hover:#fff;--border:#e5e7eb80;--radius:16px;--shadow:0 10px 25px -5px #0000000d, 0 8px 10px -6px #00000003;--glass-bg:#fff9;--glass-border:#fffc;--gradient-1:#ff9a9e;--gradient-2:#fecfef;--gradient-3:#a1c4fd}[data-theme=dark]{--bg-color:#0f172a;--text-color:#f8fafc;--text-muted:#94a3b8;--primary:#818cf8;--primary-hover:#6366f1;--surface:#1e293bbf;--surface-hover:#1e293bf2;--border:#33415580;--shadow:0 10px 25px -5px #00000080, 0 8px 10px -6px #0000004d;--glass-bg:#0f172a99;--glass-border:#ffffff1a;--gradient-1:#1e1366;--gradient-2:#2a0845;--gradient-3:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;font-family:Outfit,system-ui,-apple-system,sans-serif;transition:all .5s;position:relative;overflow:hidden}.animated-bg{background:radial-gradient(circle at 50% 50%, var(--gradient-1), var(--gradient-2), var(--gradient-3), var(--bg-color));z-index:-1;opacity:.4;filter:blur(80px);background-size:400% 400%;width:200%;height:200%;animation:20s infinite gradientBG;position:fixed;top:-50%;left:-50%}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #6366f163}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon{color:var(--text-muted);background-color:#0000;border-radius:12px;justify-content:center;align-items:center;padding:.6rem;transition:all .2s;display:inline-flex}.btn-icon:hover{background-color:var(--surface-hover);color:var(--primary);transform:translateY(-1px)}.btn-icon.active{background-color:var(--primary);color:#fff;box-shadow:0 4px 10px #6366f14d}input{border-radius:var(--radius);border:1px solid var(--border);background-color:var(--surface);width:100%;color:var(--text-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.85rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .3s}input:focus{border-color:var(--primary);background-color:var(--surface-hover);outline:none;box-shadow:0 0 0 4px #6366f126}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:24px;transition:all .4s}.sidebar{transition:all .5s cubic-bezier(.4,0,.2,1)}.sidebar.hidden{opacity:0;width:0;transform:translate(-100%)}.entry-card{background-color:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:16px;padding:1.25rem;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;transform:perspective(500px)translateZ(0)}.entry-card:hover{box-shadow:0 10px 20px #0000000a, var(--shadow);border-color:var(--primary);transform:perspective(500px)translateY(-5px)translateZ(10px)}.entry-card.active{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;border-color:#0000;box-shadow:0 8px 20px #6366f14d}.mood-selector{background:var(--surface);border:1px solid var(--border);border-radius:100px;gap:.5rem;padding:.5rem;display:flex}.mood-btn{border-radius:50%;padding:.5rem;font-size:1.25rem;transition:all .3s cubic-bezier(.2,.8,.2,1);transform:perspective(200px)translateZ(0)}.mood-btn:hover{background-color:var(--border);transform:perspective(200px)scale(1.25)translateZ(6px)}.mood-btn.selected{background-color:var(--primary);transform:scale(1.15);box-shadow:0 2px 8px #6366f166}.editor-title{color:var(--text-color);background:0 0;border:none;width:100%;margin-bottom:1rem;padding:1rem 0;font-family:Playfair Display,serif;font-size:3rem;font-weight:600}.editor-title:focus{box-shadow:none;outline:none}.editor-title:disabled{opacity:.7;cursor:default;background:0 0}.ProseMirror{outline:none;min-height:50vh;padding:2rem 0;font-size:1.125rem;line-height:1.8}.ProseMirror[contenteditable=false]{cursor:default;opacity:.8}.ProseMirror p.is-editor-empty:first-child:before{color:var(--text-muted);content:attr(data-placeholder);float:left;pointer-events:none;height:0;font-style:italic}.ProseMirror h1,.ProseMirror h2{color:var(--text-color);margin-top:1.5em;margin-bottom:.5em;font-family:Playfair Display,serif}.ProseMirror h1{font-size:2.25em}.ProseMirror h2{font-size:1.75em}.ProseMirror blockquote{border-left:4px solid var(--primary);color:var(--text-muted);background:linear-gradient(90deg,#6366f10d 0%,#0000 100%);border-radius:0 12px 12px 0;margin:1.5rem 0;padding-left:1.5rem;font-style:italic}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.nav-item{cursor:pointer;color:var(--text-color);border-radius:0 50px 50px 0;align-items:center;gap:1.25rem;width:90%;margin:.25rem 0;padding:.75rem 1rem .75rem 1.5rem;font-weight:500;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;transform:perspective(400px)translateZ(0)}.nav-item:hover{background-color:var(--surface-hover);transform:perspective(400px)translateZ(4px)translate(2px)}.nav-item.active{color:var(--primary);background-color:#6366f126}.nav-item.active svg{fill:var(--primary);color:var(--primary)}.mobile-only{display:none!important}@media (width<=768px){.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}body{overflow:auto}.dashboard-container{width:100vw;height:100vh;position:relative;flex-direction:column!important}.nav-sidebar{top:0;bottom:0;left:-280px;box-shadow:10px 0 30px #0000004d;z-index:1000!important;border-radius:0!important;width:280px!important;height:100vh!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important}.nav-sidebar.open{transform:translate(280px)!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#00000080;position:fixed;inset:0}.sidebar.glass-panel{flex:1!important;width:calc(100vw - 1.5rem)!important;height:calc(100vh - 1.5rem)!important;margin:.75rem!important}.sidebar.glass-panel.mobile-hidden{display:none!important}.editor-container-wrapper{z-index:50!important;width:100vw!important;height:100vh!important;padding:0!important;position:fixed!important;inset:0!important}.editor-container-wrapper .glass-panel{border:none!important;border-radius:0!important;height:100vh!important}.editor-container-wrapper.mobile-hidden{display:none!important}.editor-title{padding:.5rem 0!important;font-size:2rem!important}.ProseMirror{min-height:40vh!important;padding:1rem 0!important}.editor-header{padding:1rem 1.5rem!important}.mood-selector{padding:.25rem!important}.mood-btn{padding:.35rem!important;font-size:1.1rem!important}}:root{--mood-color:#6366f1;--mood-color-rgb:99, 102, 241}.animated-bg{background:radial-gradient(circle at 50% 50%, rgba(var(--mood-color-rgb), .22), var(--gradient-2), var(--gradient-3), var(--bg-color));transition:background 1s ease-in-out}.editor-area .glass-panel{box-shadow:0 15px 35px -5px rgba(var(--mood-color-rgb), .12), var(--shadow);transition:all .5s cubic-bezier(.4,0,.2,1);border-color:rgba(var(--mood-color-rgb), .25)!important}.mood-btn.selected{background-color:var(--mood-color)!important;box-shadow:0 4px 15px rgba(var(--mood-color-rgb), .45)!important;color:#fff!important}.entry-card{position:relative;overflow:hidden;padding-left:1.5rem!important}.entry-card:after{content:"";background-color:var(--card-mood-color,var(--primary));width:5px;height:100%;transition:background-color .3s;position:absolute;top:0;left:0}.templates-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:760px;min-height:70%;margin:0 auto;padding:2rem 1.5rem;animation:.5s cubic-bezier(.4,0,.2,1) fadeIn;display:flex}.templates-title{color:var(--text-color);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:600}.templates-subtitle{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.05rem}.templates-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;width:100%;display:grid}@media (width<=600px){.templates-grid{grid-template-columns:1fr}.templates-title{font-size:1.75rem}}.template-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:center;transform-style:preserve-3d;border-radius:20px;flex-direction:column;align-items:center;padding:1.75rem 1.25rem;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;transform:perspective(600px)rotateX(0)rotateY(0)translateZ(0)}.template-card:hover{background:var(--surface-hover);border-color:var(--mood-color);box-shadow:0 12px 30px rgba(var(--mood-color-rgb), .15);transform:perspective(600px)translateY(-6px)rotateX(2.5deg)rotateY(-1.5deg)translateZ(10px)}.template-icon{margin-bottom:1rem;font-size:2.2rem;transition:transform .3s}.template-card:hover .template-icon{transform:scale(1.18)rotate(6deg)}.template-name{color:var(--text-color);margin-bottom:.4rem;font-size:1.1rem;font-weight:600}.template-desc{color:var(--text-muted);font-size:.85rem;line-height:1.45}.reminders-container{max-width:860px;height:100%;margin:0 auto;padding:2rem;animation:.4s fadeIn;overflow-y:auto}.section-title{color:var(--text-color);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:600}.section-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1rem}.reminders-split{grid-template-columns:1.1fr .9fr;gap:2rem;margin-top:1.5rem;display:grid}@media (width<=820px){.reminders-split{grid-template-columns:1fr;gap:2rem}}.reminder-form-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-color);font-size:.9rem;font-weight:600}.day-selector{flex-wrap:wrap;gap:.35rem;display:flex}.day-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.day-btn:hover{background:var(--border)}.day-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 8px #6366f140}.preset-container{flex-direction:column;gap:.75rem;display:flex}.preset-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.preset-card:hover{border-color:var(--primary);background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000008}.reminder-list-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:.85rem;padding:1.15rem;transition:all .2s;display:flex;position:relative}.reminder-list-item:hover{border-color:var(--primary);box-shadow:var(--shadow)}.reminder-switch{width:44px;height:22px;display:inline-block;position:relative}.reminder-switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:var(--border);border-radius:34px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}input:checked+.switch-slider{background-color:var(--primary)}input:checked+.switch-slider:before{transform:translate(22px)}.mood-tracker-container{max-width:1100px;height:100%;margin:0 auto;padding:2rem;animation:.4s fadeIn;overflow-y:auto}.mood-legend{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:100px;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin:1rem 0 2rem;padding:.65rem 1.25rem;display:inline-flex}.legend-item{color:var(--text-color);align-items:center;gap:.45rem;font-size:.85rem;font-weight:500;display:flex}.legend-color{border:1px solid var(--border);border-radius:4px;width:14px;height:14px}.year-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;width:100%;margin-top:1rem;display:grid}.month-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;align-items:center;padding:1.25rem;transition:all .3s;display:flex}.month-card:hover{border-color:rgba(var(--mood-color-rgb), .3);box-shadow:var(--shadow);transform:translateY(-2px)}.month-name{color:var(--text-color);margin-bottom:1rem;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600}.pixels-grid{grid-template-columns:repeat(7,1fr);gap:.35rem;width:100%;display:grid}.pixel-header-day{color:var(--text-muted);text-align:center;text-transform:uppercase;padding-bottom:.25rem;font-size:.65rem;font-weight:700}.pixel{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;background:#64748b14;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.pixel:hover{z-index:10;transform:scale(1.35)translateY(-1px);box-shadow:0 4px 10px #00000026;border-color:var(--mood-color)!important}.pixel.empty:hover{background:rgba(var(--mood-color-rgb), .15)}.pixel.future{opacity:.12;cursor:not-allowed;pointer-events:none}.pixel-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:20;background:#0f172af2;border:1px solid #ffffff1f;border-radius:8px;padding:.45rem .65rem;font-size:.725rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:130%;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 6px 15px #00000040}.pixel:hover .pixel-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.toast-container{z-index:2000;flex-direction:column;gap:.75rem;width:calc(100vw - 3rem);max-width:360px;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast-alert{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);box-shadow:0 15px 30px #0000001f, var(--shadow);border-left:5px solid var(--primary);border-radius:18px;align-items:center;gap:.9rem;padding:1.2rem;animation:.35s cubic-bezier(.4,0,.2,1) slideInRight;display:flex;position:relative}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.toast-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.2rem;display:inline-flex}.toast-close:hover{color:var(--text-color)}[data-theme-accent=rose-gold]{--primary:#c9987c;--primary-hover:#b07c60;--gradient-1:#fdf5f2;--gradient-2:#f7e6df;--gradient-3:#fcf1eb;--shadow:0 10px 25px -5px #c9987c26, 0 8px 10px -6px #00000005}[data-theme=dark][data-theme-accent=rose-gold]{--primary:#e6bba4;--primary-hover:#c9987c;--bg-color:#1e1613;--surface:#2b1f1bcc;--surface-hover:#382924f2;--border:#6950484d;--gradient-1:#38251e;--gradient-2:#1e1613;--gradient-3:#120d0b}[data-theme-accent=forest-emerald]{--primary:#2d7a5f;--primary-hover:#1e523f;--gradient-1:#f0f7f4;--gradient-2:#e1efe8;--gradient-3:#ebf5f0;--shadow:0 10px 25px -5px #2d7a5f1f, 0 8px 10px -6px #00000005}[data-theme=dark][data-theme-accent=forest-emerald]{--primary:#52a384;--primary-hover:#3d8066;--bg-color:#0c1c16;--surface:#12261fcc;--surface-hover:#1a362cf2;--border:#2d574859;--gradient-1:#122920;--gradient-2:#0c1c16;--gradient-3:#060e0b}[data-theme-accent=lavender-dreams]{--primary:#8a70d6;--primary-hover:#6c52b8;--gradient-1:#f6f5fc;--gradient-2:#ebe7f7;--gradient-3:#f1eefb;--shadow:0 10px 25px -5px #8a70d626, 0 8px 10px -6px #00000005}[data-theme=dark][data-theme-accent=lavender-dreams]{--primary:#aa96e6;--primary-hover:#8a70d6;--bg-color:#171426;--surface:#211d36cc;--surface-hover:#2b2647f2;--border:#4e448059;--gradient-1:#2a2447;--gradient-2:#171426;--gradient-3:#0b0a12}[data-theme-accent=velvet-night]{--primary:#d946ef;--primary-hover:#c084fc;--bg-color:#030712;--text-color:#f9fafb;--text-muted:#9ca3af;--surface:#111827d9;--surface-hover:#1a2439f2;--border:#37415180;--glass-bg:#030712b3;--glass-border:#ffffff0f;--gradient-1:#1e1b4b;--gradient-2:#3b0764;--gradient-3:#030712;--shadow:0 15px 35px -5px #d946ef26, 0 8px 10px -6px #00000080}.nav-item-premium{background:linear-gradient(135deg,#f59e0b26 0%,#ec489926 100%);border:1px solid #f59e0b40;border-radius:16px;margin-bottom:.5rem;animation:3s infinite alternate shineGlow;margin-top:auto!important}.nav-item-premium.active{color:#fff!important;background:linear-gradient(135deg,#f59e0b 0%,#ec4899 100%)!important;border-color:#0000!important}@keyframes shineGlow{0%{border-color:#f59e0b33;box-shadow:0 0 5px #f59e0b1a}to{border-color:#ec489966;box-shadow:0 0 15px #ec489940}}.premium-portal-container{max-width:960px;height:100%;margin:0 auto;padding:2.5rem;animation:.4s fadeIn;overflow-y:auto}.premium-headline{text-align:center;background:linear-gradient(135deg,#f59e0b 20%,#d946ef 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:2.75rem;font-weight:700}.premium-subheadline{text-align:center;color:var(--text-muted);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:3rem;display:grid}@media (width<=992px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.pricing-grid{grid-template-columns:1fr}}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.price-card:hover{box-shadow:var(--shadow);border-color:var(--primary);transform:translateY(-5px)}.price-card.recommended{background:linear-gradient(to bottom, var(--surface), #ec489908);border:2px solid #ec4899;box-shadow:0 10px 30px #ec48991a}.price-card.recommended:before{content:"BEST VALUE";color:#fff;letter-spacing:1px;background:#ec4899;padding:4px 30px;font-size:.65rem;font-weight:800;position:absolute;top:12px;right:-32px;transform:rotate(45deg)}.price-card.lifetime{background:linear-gradient(to bottom, var(--surface), #f59e0b08);border:2px solid #f59e0b;box-shadow:0 10px 30px #f59e0b26}.price-card.lifetime:before{content:"WIN-WIN DEAL";color:#fff;letter-spacing:.5px;background:#f59e0b;padding:4px 30px;font-size:.65rem;font-weight:800;position:absolute;top:12px;right:-32px;transform:rotate(45deg)}.plan-name{color:var(--text-color);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.plan-price-box{align-items:baseline;gap:.25rem;margin:1.25rem 0;display:flex}.plan-currency{font-size:1.5rem;font-weight:700}.plan-price{font-size:2.5rem;font-weight:800;line-height:1}.plan-period{color:var(--text-muted);font-size:.85rem}.plan-description{color:var(--text-muted);flex-grow:1;margin-bottom:1.5rem;font-size:.825rem;line-height:1.4}.btn-upgrade-plan{cursor:pointer;background:var(--surface-hover);width:100%;color:var(--text-color);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.price-card:hover .btn-upgrade-plan{background:var(--primary);color:#fff;border-color:#0000;box-shadow:0 5px 15px #6366f159}.price-card.recommended .btn-upgrade-plan{color:#fff;background:#ec4899;border-color:#0000;box-shadow:0 4px 12px #ec489933}.price-card.lifetime .btn-upgrade-plan{color:#fff;background:#f59e0b;border-color:#0000;box-shadow:0 4px 12px #f59e0b33}.features-comparison{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;margin-top:3rem;padding:2.5rem}.comparison-table{border-collapse:collapse;text-align:left;width:100%;margin-top:1.5rem}.comparison-table th{color:var(--text-color);border-bottom:2px solid var(--border);padding:1rem;font-weight:700}.comparison-table td{border-bottom:1px solid var(--border);padding:1.15rem 1rem;font-size:.95rem}.comparison-table tr:last-child td{border-bottom:none}.razorpay-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;background-color:#0f172ab3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.razorpay-window{color:#2b2b2b;background:#fff;border-radius:12px;width:100%;max-width:440px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp;overflow:hidden;box-shadow:0 20px 50px #0000004d}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.razorpay-header{color:#fff;background:#0f1d3c;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.rzp-logo{letter-spacing:.5px;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.rzp-badge{color:#fff;background:#1cb5a0;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.rzp-body{background:#f9fafb;padding:1.5rem}.rzp-amount-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}.rzp-heading-desc{color:#6b7280;font-size:.85rem}.rzp-heading-val{color:#0f1d3c;font-size:1.25rem;font-weight:800}.rzp-section-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.rzp-method-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.rzp-method-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:1rem;width:100%;padding:1rem;transition:all .2s;display:flex}.rzp-method-item:hover{background:#f7fafc;border-color:#2b6cb0}.rzp-method-icon{background:#edf2f7;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}.rzp-method-title{color:#2d3748;font-size:.9rem;font-weight:600}.rzp-method-subtitle{color:#718096;margin-top:.15rem;font-size:.75rem}.rzp-footer{color:#a0aec0;background:#fff;border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.75rem;display:flex}.rzp-pay-button{color:#fff;text-align:center;background:#2b6cb0;border-radius:6px;width:100%;margin-top:1rem;padding:.85rem;font-size:.95rem;font-weight:700;box-shadow:0 4px 6px #2b6cb033}.rzp-pay-button:hover{background:#2c5282}.spin-animation{animation:1.5s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-coach-panel{background:linear-gradient(135deg,#6366f108 0%,#8b5cf60d 100%);border:1px dashed #6366f14d;border-radius:20px;margin-bottom:1.5rem;padding:1.5rem}.ai-coach-metrics-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin:1.5rem 0;display:grid}.ai-metric-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:1.15rem;display:flex}.ai-metric-score{color:var(--primary);margin:.5rem 0 .25rem;font-size:2.2rem;font-weight:800;line-height:1}.ai-metric-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.775rem;font-weight:600}.ai-tag{color:var(--primary);background:#6366f11a;border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.ai-scan-animation{flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.ai-scan-radar{border:2px solid var(--primary);border-radius:50%;width:64px;height:64px;margin-bottom:1.5rem;animation:1.8s ease-out infinite radarPulse;position:relative}.ai-scan-radar:before{content:"";border:1px dashed #6366f166;border-radius:50%;animation:6s linear infinite radarRotate;position:absolute;inset:-10px}@keyframes radarPulse{0%{opacity:.8;transform:scale(.9);box-shadow:0 0 #6366f166}70%{opacity:.4;transform:scale(1.15);box-shadow:0 0 0 15px #6366f100}to{opacity:.8;transform:scale(.9)}}@keyframes radarRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{body{color:#000!important;background:#fff!important}.nav-sidebar,.sidebar,.editor-header,.toast-container,.editor-area .btn-icon,.editor-area button,.ProseMirror-menubar,.editor-area footer{display:none!important}.editor-area{width:100%!important;margin:0!important;padding:0!important}.glass-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important}.editor-title{color:#000!important;border-bottom:2px solid #000!important;margin-bottom:1.5rem!important;font-size:2.5rem!important}.ProseMirror{color:#111!important;font-size:1.15rem!important;line-height:2!important}}[data-theme-accent=rose-gold]{--primary:#c5a059;--primary-hover:#b08d4b}[data-theme=dark][data-theme-accent=rose-gold]{--primary:#dfba73;--primary-hover:#c5a059}[data-theme-accent=rose-gold] .animated-bg{opacity:.55;background:radial-gradient(circle,#fbe6e8,#f4d3d6,#e9b5bb,#f5f5f7)}[data-theme=dark][data-theme-accent=rose-gold] .animated-bg{opacity:.65;background:radial-gradient(circle,#3d2427,#2d181b,#1e0f11,#0f0a0a)}[data-theme-accent=forest-emerald]{--primary:#2d6a4f;--primary-hover:#1b4332}[data-theme=dark][data-theme-accent=forest-emerald]{--primary:#52b788;--primary-hover:#40916c}[data-theme-accent=forest-emerald] .animated-bg{opacity:.55;background:radial-gradient(circle,#e8f5e9,#c8e6c9,#a5d6a7,#f3f4f6)}[data-theme=dark][data-theme-accent=forest-emerald] .animated-bg{opacity:.65;background:radial-gradient(circle,#0c231c,#071914,#030d0a,#0b0f19)}[data-theme-accent=lavender-dreams]{--primary:#805ad5;--primary-hover:#6b46c1}[data-theme=dark][data-theme-accent=lavender-dreams]{--primary:#b794f4;--primary-hover:#805ad5}[data-theme-accent=lavender-dreams] .animated-bg{opacity:.55;background:radial-gradient(circle,#f3e8ff,#e9d8fd,#d6bcfa,#f3f4f6)}[data-theme=dark][data-theme-accent=lavender-dreams] .animated-bg{opacity:.65;background:radial-gradient(circle,#201435,#140b24,#080311,#0c0e1a)}[data-theme-accent=velvet-night]{--primary:#3182ce;--primary-hover:#2b6cb0}[data-theme=dark][data-theme-accent=velvet-night]{--primary:#63b3ed;--primary-hover:#3182ce}[data-theme-accent=velvet-night] .animated-bg{opacity:.55;background:radial-gradient(circle,#ebf8ff,#bee3f8,#90cdf4,#edf2f7)}[data-theme=dark][data-theme-accent=velvet-night] .animated-bg{opacity:.7;background:radial-gradient(circle,#0a1128,#001f54,#034078,#000814)}.qr-scanner-frame{position:relative}@keyframes laserScan{0%{top:12px}50%{top:228px}to{top:12px}}.admin-tabs{background:var(--surface-hover);border:1px solid var(--border);border-radius:16px;gap:.75rem;width:fit-content;padding:.5rem;display:flex}.admin-tab-btn{cursor:pointer;color:var(--text-muted);background:0 0;border-radius:12px;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);border:none!important}.admin-tab-btn:hover{color:var(--text-color);background:#ffffff0d}.admin-tab-btn.active{box-shadow:0 4px 12px #6366f140;color:#fff!important;background:var(--primary)!important}.admin-table-wrapper{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;margin-top:1rem;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.925rem}.admin-table th{text-transform:uppercase;letter-spacing:.075em;color:var(--text-muted);background:var(--surface-hover);border-bottom:2px solid var(--border);padding:1.15rem 1.25rem;font-size:.8rem;font-weight:700}.admin-table-row{border-bottom:1px solid var(--border);transition:all .2s}.admin-table-row:hover{background:#ffffff05}.admin-table-row:last-child{border-bottom:none}.admin-table td{vertical-align:middle;color:var(--text-color);padding:1.25rem}.plan-badge-pill{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.775rem;font-weight:800;display:inline-flex}.plan-badge-pill.monthly{color:#818cf8!important;background:#6366f11a!important;border-color:#6366f133!important}.plan-badge-pill.quarterly{color:#c084fc!important;background:#a855f71a!important;border-color:#a855f733!important}.plan-badge-pill.yearly{color:#f472b6!important;background:#ec48991a!important;border-color:#ec489933!important}.plan-badge-pill.lifetime{animation:3s infinite alternate shineGlow;color:#fbbf24!important;background:#f59e0b1a!important;border-color:#f59e0b33!important}.admin-role-toggle-btn{cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.775rem;font-weight:700;transition:all .25s;display:inline-flex}.admin-role-toggle-btn.admin{color:#a78bfa!important;background:#8b5cf61f!important;border-color:#8b5cf640!important}.admin-role-toggle-btn.admin:hover{transform:translateY(-1px);background:#8b5cf633!important}.admin-role-toggle-btn.user{color:var(--text-muted)!important;border-color:var(--border)!important;background:#64748b14!important}.admin-role-toggle-btn.user:hover{transform:translateY(-1px);color:var(--text-color)!important;background:#64748b26!important}.delete-user-btn{transition:all .2s}.delete-user-btn:hover{transform:scale(1.08);color:#ef4444!important;background:#ef44441a!important}.admin-table select{background:var(--bg-color);border:1px solid var(--border);color:var(--text-color);cursor:pointer;border-radius:10px;outline:none;padding:.45rem .85rem;font-family:inherit;font-size:.85rem;transition:border-color .2s}.admin-table select:focus{border-color:var(--primary)}.direct-upi-btn{transition:all .25s}.direct-upi-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f166!important}.editor-select{background:var(--bg-color);border:1px solid var(--border);color:var(--text-color);cursor:pointer;border-radius:8px;outline:none;max-width:100px;padding:.5rem;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.editor-select:hover{border-color:var(--primary);background-color:var(--surface-hover)}@media (width<=1200px){.editor-select{max-width:88px!important;padding:.4rem .5rem!important;font-size:.8rem!important}}.status-indicator{color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;transition:all .3s;display:inline-block}.status-dot.saved{background-color:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.saving{background-color:#f59e0b;animation:1.2s ease-in-out infinite pulse-saving;box-shadow:0 0 8px #f59e0b80}@keyframes pulse-saving{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}to{opacity:.5;transform:scale(.9)}}@media (width<=1100px){.status-indicator .status-text{display:none!important}}@media (width>=769px) and (width<=1150px){.nav-sidebar{align-items:center!important;width:72px!important;padding-left:0!important;padding-right:0!important}.nav-sidebar h2{display:none!important}.nav-sidebar div[style*="padding: 0 1.5rem"]{justify-content:center!important;margin-bottom:1.5rem!important;padding:0!important}.nav-sidebar .nav-item{border-radius:50%!important;justify-content:center!important;gap:0!important;width:44px!important;height:44px!important;margin:.35rem auto!important;padding:0!important}.nav-sidebar .nav-item span{display:none!important}.nav-sidebar div[style*=border-top]{width:50%!important;margin:.5rem auto!important}.sidebar.glass-panel{width:250px!important}}@media (width<=1200px){.editor-header{padding:.85rem 1rem!important}.editor-header .btn-icon{padding:.45rem!important}.mood-selector{gap:.25rem!important;padding:.3rem!important}.mood-btn{padding:.35rem!important;font-size:1.1rem!important}.editor-body{padding:1.75rem 1rem!important}}@media (width<=950px){.mood-selector{gap:.15rem!important;padding:.25rem!important}.mood-btn{padding:.25rem!important;font-size:1rem!important}}.bin-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.bin-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.scrapbook-canvas-area{background-color:var(--surface);background-image:radial-gradient(var(--border) 1.5px, transparent 1.5px);border:1px solid var(--border);background-size:20px 20px;border-radius:20px;position:relative;box-shadow:inset 0 2px 10px #0000000d}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mode-select-dropdown{min-width:130px;max-width:none!important}.mood-select-dropdown{min-width:110px;max-width:none!important}.homepage-wrapper{width:100%;min-height:100vh;color:var(--text-color);scroll-behavior:smooth;background:0 0;flex-direction:column;display:flex;position:relative;overflow:hidden auto}.bg-glow-1,.bg-glow-2{filter:blur(120px);z-index:-2;opacity:.35;pointer-events:none;border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite alternate float-glow;position:absolute}.bg-glow-1{background:radial-gradient(circle, var(--primary) 0%, transparent 70%);top:10%;left:-10%}.bg-glow-2{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);animation-delay:-5s;bottom:20%;right:-10%}@keyframes float-glow{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,80px)scale(1.1)}to{transform:translate(-30px,-40px)scale(.95)}}.hp-navbar{z-index:100;background:rgba(var(--surface-hover), .45);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);width:100%;transition:all .3s;position:fixed;top:0;left:0}.hp-nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.hp-logo{color:var(--text-color);letter-spacing:-.5px;align-items:center;gap:.75rem;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;text-decoration:none;display:flex}.hp-logo img{border-radius:10px;width:36px;height:36px;box-shadow:0 4px 10px #6366f133}.hp-logo-text{background:linear-gradient(135deg, var(--text-color) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hp-nav-links{align-items:center;gap:2rem;display:flex}.hp-nav-link{color:var(--text-muted);padding:.25rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.hp-nav-link:hover{color:var(--text-color)}.hp-nav-link:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.hp-nav-link:hover:after{width:100%}.hp-nav-ctas{align-items:center;gap:1rem;display:flex}.hp-btn-login{color:var(--text-color);border-radius:var(--radius);padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s}.hp-btn-login:hover{background:var(--border);transform:translateY(-1px)}.hp-btn-signup{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;border-radius:var(--radius);padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #6366f140}.hp-btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.hp-mobile-toggle{color:var(--text-color);cursor:pointer;display:none}.hp-hero{text-align:center;z-index:10;flex-direction:column;align-items:center;max-width:1000px;margin:6rem auto 4rem;padding:0 2rem;display:flex;position:relative}.hp-hero-badge{background:rgba(var(--mood-color-rgb,99, 102, 241), .15);color:var(--mood-color,var(--primary));border:1px solid rgba(var(--mood-color-rgb,99, 102, 241), .3);letter-spacing:.5px;text-transform:uppercase;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;animation:3s infinite alternate pulse-slow;display:inline-flex}@keyframes pulse-slow{0%{transform:perspective(500px)rotateY(-5deg)rotateX(2deg)translateZ(0)}to{transform:perspective(500px)rotateY(5deg)rotateX(-2deg)translateZ(5px)}}.hp-hero-title{color:var(--text-color);max-width:800px;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:4rem;font-weight:700;line-height:1.15}.hp-hero-gradient{background:linear-gradient(135deg, var(--text-color) 40%, var(--mood-color,var(--primary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transition:all .8s}.hp-hero-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:3rem;font-size:1.2rem;line-height:1.6}.hp-hero-ctas{justify-content:center;gap:1.25rem;display:flex}.hp-btn-hero-primary{background:linear-gradient(135deg, var(--mood-color,var(--primary)) 0%, var(--primary-hover) 100%);color:#fff;border-radius:var(--radius);box-shadow:0 10px 25px rgba(var(--mood-color-rgb,99, 102, 241), .3);align-items:center;gap:.65rem;padding:.95rem 2.25rem;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;transform:perspective(500px)translateZ(0)}.hp-btn-hero-primary:hover{box-shadow:0 15px 30px rgba(var(--mood-color-rgb,99, 102, 241), .45);transform:perspective(500px)translateY(-3px)translateZ(8px)}.hp-btn-hero-primary:active{transform:perspective(500px)translateY(1px)translateZ(-4px)}.hp-btn-hero-secondary{border:1px solid var(--border);background:rgba(var(--surface), .35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-color);border-radius:var(--radius);padding:.95rem 2.25rem;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1);transform:perspective(500px)translateZ(0)}.hp-btn-hero-secondary:hover{background:var(--surface-hover);border-color:var(--text-muted);transform:perspective(500px)translateY(-2px)translateZ(6px)}.hp-btn-hero-secondary:active{transform:perspective(500px)translateY(1px)translateZ(-3px)}.hp-section{width:100%;max-width:1200px;margin:0 auto;padding:6rem 2rem}.hp-section-header{text-align:center;max-width:650px;margin:0 auto 4rem}.hp-section-title{color:var(--text-color);margin-bottom:1rem;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:600}.hp-section-subtitle{color:var(--text-muted);font-size:1rem;line-height:1.5}.hp-features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.hp-feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:left;transform-style:preserve-3d;will-change:transform;border-radius:20px;flex-direction:column;align-items:flex-start;padding:2.25rem 1.75rem;transition:all .6s cubic-bezier(.2,.8,.2,1);display:flex;transform:perspective(800px)rotateX(0)rotateY(0)translateZ(0)}.hp-feature-card:hover{background:var(--surface-hover);border-color:var(--mood-color,var(--primary));box-shadow:0 25px 50px #0000001f, 0 10px 22px rgba(var(--mood-color-rgb,99, 102, 241), .1);transform:perspective(800px)translateY(-10px)rotateX(8deg)rotateY(-8deg)translateZ(25px)}.hp-feature-card .hp-feature-icon{transition:all .5s cubic-bezier(.2,.8,.2,1);transform:translateZ(20px)}.hp-feature-card:hover .hp-feature-icon{transform:translateZ(50px)scale(1.1)rotate(6deg)}.hp-feature-card .hp-feature-name{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translateZ(15px)}.hp-feature-card:hover .hp-feature-name{transform:translateZ(35px)}.hp-feature-card .hp-feature-desc{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translateZ(8px)}.hp-feature-card:hover .hp-feature-desc{transform:translateZ(20px)}.hp-feature-icon{background:rgba(var(--mood-color-rgb,99, 102, 241), .12);width:50px;height:50px;color:var(--mood-color,var(--primary));border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:all .3s;display:flex}.hp-feature-card:hover .hp-feature-icon{background:var(--mood-color,var(--primary));color:#fff;box-shadow:0 4px 12px rgba(var(--mood-color-rgb,99, 102, 241), .3);transform:scale(1.12)rotate(3deg)}.hp-feature-name{color:var(--text-color);margin-bottom:.75rem;font-size:1.2rem;font-weight:600}.hp-feature-desc{color:var(--text-muted);font-size:.92rem;line-height:1.55}.hp-mood-preview-card{background:var(--glass-bg);border:1px solid var(--glass-border);max-width:900px;box-shadow:var(--shadow);transform-style:preserve-3d;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin:0 auto;padding:3rem;transition:all .6s cubic-bezier(.2,.8,.2,1);display:grid;transform:perspective(1200px)rotateX(0)rotateY(0)translateZ(0)}.hp-mood-preview-card:hover{box-shadow:0 20px 45px #00000014, 0 10px 20px rgba(var(--mood-color-rgb), .05);transform:perspective(1200px)translateY(-5px)rotateX(2deg)rotateY(-1.2deg)translateZ(10px)}@media (width<=768px){.hp-mood-preview-card{grid-template-columns:1fr;gap:2rem;padding:2rem}}.hp-mood-preview-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.hp-mood-selector-row{background:var(--surface);border:1px solid var(--border);border-radius:50px;gap:.65rem;margin:1.5rem 0;padding:.5rem;display:flex}.hp-mood-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:.5rem .8rem;font-size:1.25rem;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;transform:perspective(200px)translateZ(0)}.hp-mood-btn:hover{background:var(--border);transform:perspective(200px)scale(1.2)translateZ(6px)}.hp-mood-btn.active{background:var(--mood-color,var(--primary));box-shadow:0 4px 12px rgba(var(--mood-color-rgb), .35);transform:perspective(200px)scale(1.15)translateZ(10px)}.hp-pixel-grid-mockup{flex-direction:column;gap:.85rem;display:flex}.hp-pixel-grid-title{color:var(--text-color);text-align:left;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.hp-pixels-grid{background:var(--surface);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(7,1fr);gap:6px;padding:1rem;display:grid;box-shadow:inset 0 2px 4px #00000005}.hp-pixel-block{aspect-ratio:1;border:1px solid var(--border);background-color:var(--border);cursor:pointer;border-radius:4px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;transform:perspective(400px)translateZ(0)}.hp-pixel-block:hover{z-index:2;box-shadow:0 6px 12px rgba(var(--mood-color-rgb), .25);transform:perspective(400px)translateZ(12px)scale(1.22)}.hp-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:1.5rem;display:grid}@media (width>=1200px){.hp-pricing-grid{grid-template-columns:repeat(5,1fr)}}.hp-price-card{background:var(--glass-bg);border:1px solid var(--glass-border);transform-style:preserve-3d;will-change:transform;border-radius:20px;flex-direction:column;padding:2.25rem 1.5rem;transition:all .6s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;transform:perspective(1000px)rotateX(0)rotateY(0)translateZ(0)}.hp-price-card:hover{background:var(--surface-hover);border-color:var(--mood-color,var(--primary));box-shadow:0 30px 60px #00000026, 0 12px 25px rgba(var(--mood-color-rgb), .08);transform:perspective(1000px)translateY(-12px)rotateX(10deg)rotateY(-8deg)translateZ(30px)}.hp-price-card .hp-price-plan-name{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translateZ(15px)}.hp-price-card:hover .hp-price-plan-name{transform:translateZ(30px)}.hp-price-card .hp-price-box{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translateZ(25px)}.hp-price-card:hover .hp-price-box{transform:translateZ(45px)}.hp-price-card .hp-price-desc{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translateZ(10px)}.hp-price-card:hover .hp-price-desc{transform:translateZ(20px)}.hp-price-card .hp-price-btn{transition:all .4s cubic-bezier(.2,.8,.2,1);transform:translateZ(20px)}.hp-price-card:hover .hp-price-btn{transform:translateZ(40px)scale(1.05)}.hp-price-card.recommended{border:2px solid var(--primary);box-shadow:0 8px 25px #6366f126}.hp-price-card.lifetime{border:1.5px dashed var(--mood-color,var(--primary))}.hp-price-badge{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;letter-spacing:.5px;white-space:nowrap;border-radius:100px;padding:.35rem .85rem;font-size:.72rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #6366f133}.hp-price-plan-name{color:var(--text-color);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.hp-price-box{justify-content:center;align-items:baseline;gap:.25rem;margin:1.25rem 0;display:flex}.hp-price-currency{color:var(--text-color);font-size:1.25rem;font-weight:600}.hp-price-amount{color:var(--text-color);letter-spacing:-1px;font-size:2.25rem;font-weight:800}.hp-price-period{color:var(--text-muted);font-size:.85rem}.hp-price-subdesc{color:var(--text-muted);background:var(--surface);border-radius:6px;align-self:center;margin-bottom:1.25rem;padding:.25rem .5rem;font-size:.78rem;font-weight:600;display:inline-block}.hp-price-desc{color:var(--text-muted);flex-grow:1;margin-bottom:1.75rem;font-size:.82rem;line-height:1.45}.hp-price-features{text-align:left;border-top:1px solid var(--border);flex-direction:column;gap:.65rem;margin:0 0 2rem;padding:1.25rem 0 0;font-size:.85rem;list-style:none;display:flex}.hp-price-feature-item{color:var(--text-color);align-items:center;gap:.5rem;display:flex}.hp-price-feature-item.muted{color:var(--text-muted);opacity:.6;text-decoration:line-through}.hp-price-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-color);padding:.75rem 1rem;font-size:.88rem;font-weight:600;transition:all .25s}.hp-price-card:hover .hp-price-btn{background:var(--mood-color,var(--primary));color:#fff;box-shadow:0 4px 12px rgba(var(--mood-color-rgb), .25);border-color:#0000}.hp-price-card.recommended .hp-price-btn{background:var(--primary);color:#fff;border-color:#0000;box-shadow:0 4px 12px #6366f140}.hp-price-card.recommended:hover .hp-price-btn{background:var(--primary-hover);box-shadow:0 6px 16px #6366f159}.hp-contact-cards{justify-content:center;gap:2rem;max-width:800px;margin:0 auto;display:flex}@media (width<=768px){.hp-contact-cards{flex-direction:column;gap:1.5rem}}.hp-contact-card{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-color);cursor:pointer;transform-style:preserve-3d;will-change:transform;border-radius:20px;flex-direction:column;flex:1;align-items:center;padding:2.25rem 2rem;text-decoration:none;transition:all .6s cubic-bezier(.2,.8,.2,1);display:flex;transform:perspective(800px)rotateX(0)rotateY(0)translateZ(0)}.hp-contact-card:hover{background:var(--surface-hover);border-color:var(--mood-color,var(--primary));box-shadow:0 25px 45px #0000001a, 0 12px 25px rgba(var(--mood-color-rgb), .06);transform:perspective(800px)translateY(-8px)rotateX(8deg)rotateY(-8deg)translateZ(25px)}.hp-contact-card .hp-contact-icon{transition:all .5s cubic-bezier(.2,.8,.2,1);transform:translateZ(20px)}.hp-contact-card:hover .hp-contact-icon{transform:translateZ(50px)scale(1.1)rotate(6deg)}.hp-contact-card .hp-contact-title{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translateZ(15px)}.hp-contact-card:hover .hp-contact-title{transform:translateZ(30px)}.hp-contact-card .hp-contact-value{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translateZ(10px)}.hp-contact-card:hover .hp-contact-value{transform:translateZ(20px)}.hp-contact-icon{background:rgba(var(--mood-color-rgb,99, 102, 241), .12);width:52px;height:52px;color:var(--mood-color,var(--primary));border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:all .3s;display:flex}.hp-contact-card:hover .hp-contact-icon{background:var(--mood-color,var(--primary));color:#fff;transform:scale(1.1)rotate(6deg)}.hp-contact-title{margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.hp-contact-value{color:var(--primary);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.hp-contact-action{color:var(--text-muted);font-size:.82rem;font-weight:500}.hp-footer{border-top:1px solid var(--border);background:rgba(var(--surface-hover), .2);text-align:center;margin-top:auto;padding:3rem 2rem}.hp-footer-content{flex-direction:column;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.hp-footer-text{color:var(--text-muted);font-size:.88rem}.auth-modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0f172a59;justify-content:center;align-items:center;padding:1.5rem;animation:.3s modal-fade-in;display:flex;position:fixed;inset:0}.auth-modal-content{z-index:1001;width:100%;max-width:480px;animation:.4s cubic-bezier(.34,1.56,.64,1) modal-slide-up;position:relative}.auth-modal-close{background:var(--surface);border:1px solid var(--border);width:32px;height:32px;color:var(--text-color);cursor:pointer;z-index:1010;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.auth-modal-close:hover{background:var(--surface-hover);color:var(--primary);transform:scale(1.1)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:perspective(1000px)rotateX(15deg)translateY(40px)scale(.92)}to{opacity:1;transform:perspective(1000px)rotateX(0)translateY(0)scale(1)}}.hp-mobile-menu{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);flex-direction:column;gap:1.25rem;width:100%;padding:1.5rem 2rem;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 20px #0000000d}.hp-mobile-menu.open{display:flex}@media (width<=768px){.hp-nav-links,.hp-nav-ctas{display:none}.hp-mobile-toggle{display:block}.hp-hero{margin:4rem auto 2rem}.hp-hero-title{font-size:2.6rem}.hp-hero-subtitle{margin-bottom:2rem;font-size:1.05rem}.hp-hero-ctas{flex-direction:column;gap:.85rem;width:100%;max-width:320px}.hp-btn-hero-primary,.hp-btn-hero-secondary{justify-content:center;width:100%}.hp-pricing-grid{grid-template-columns:1fr}.hp-price-card.recommended{border-width:1.5px}}.hp-hero-mockup-wrapper{perspective:1500px;z-index:10;justify-content:center;width:100%;max-width:900px;margin-top:4.5rem;padding:0 1rem;display:flex}.hp-hero-mockup-card{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;box-shadow:0 30px 60px #0000001f, 0 20px 40px rgba(var(--mood-color-rgb), .08);transform-style:preserve-3d;border-radius:16px;transition:all .7s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:rotateX(12deg)rotateY(-8deg)rotate(1deg)}.hp-hero-mockup-wrapper:hover .hp-hero-mockup-card{box-shadow:0 35px 80px #0000002e, 0 25px 50px rgba(var(--mood-color-rgb), .15);transform:rotateX(4deg)rotateY(-2deg)rotate(0)translateZ(30px)}.hp-mockup-window-header{background:rgba(var(--surface-hover), .5);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:.75rem 1.25rem;display:flex}.hp-mockup-dots{gap:.35rem;display:flex}.hp-mockup-dots .dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#f59e0b}.dot-green{background-color:#10b981}.hp-mockup-window-title{color:var(--text-muted);letter-spacing:.5px;font-family:monospace;font-size:.75rem}.hp-mockup-window-body{background:rgba(var(--surface), .4);grid-template-columns:180px 1fr 240px;height:320px;display:grid}@media (width<=900px){.hp-mockup-window-body{grid-template-columns:1fr;height:auto}.hp-mockup-sidebar,.hp-mockup-ai-card{display:none}}.hp-mockup-sidebar{border-right:1px solid var(--border);background:rgba(var(--surface-hover), .15);flex-direction:column;padding:1.25rem 0;display:flex}.hp-mockup-sb-item{color:var(--text-muted);text-align:left;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500}.hp-mockup-sb-item.active{color:var(--primary);background:rgba(var(--mood-color-rgb), .08);border-left:3px solid var(--mood-color,var(--primary));padding-left:calc(1.25rem - 3px)}.hp-mockup-editor{text-align:left;flex-direction:column;padding:1.5rem;display:flex}.hp-mockup-editor-title{color:var(--text-color);margin-bottom:.75rem;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600}.hp-mockup-editor-text{color:var(--text-muted);flex-grow:1;font-size:.9rem;line-height:1.6}.hp-mockup-editor-footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;padding-top:.75rem;font-size:.78rem;font-weight:600;display:flex}.hp-mockup-ai-card{border-left:1px solid var(--border);background:rgba(var(--surface-hover), .15);text-align:left;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.hp-mockup-ai-header{color:var(--primary);align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:flex}.hp-mockup-ai-scores{flex-direction:column;gap:.35rem;display:flex}.score-badge{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.35rem .6rem;font-size:.78rem;font-weight:600}.hp-mockup-ai-text{color:var(--text-muted);font-size:.8rem;line-height:1.45}