:root{--color-cream: #FDF8F4;--color-cream-dark: #F9F2EA;--color-parchment: #F2E9DE;--color-sand: #E8DDD0;--color-warm-gray: #D5C7B8;--color-primary: #8B2635;--color-primary-light: #A73D4A;--color-primary-dark: #6B1D28;--color-primary-muted: #9E6B70;--color-terracotta: var(--color-primary);--color-terracotta-light: var(--color-primary-light);--color-terracotta-dark: var(--color-primary-dark);--color-terracotta-muted: var(--color-primary-muted);--color-sienna: #6B3A2E;--color-umber: #523830;--color-earth: #3E2A22;--color-charcoal: #2D1F1A;--color-gold: #D4943A;--color-gold-light: #E8B35C;--color-gold-dark: #B87D2E;--color-rose: #C9A0A5;--color-rose-light: #E5C8CB;--color-success: #4A7C59;--color-error: #A63D3D;--color-warning: #C98B3A;--font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-2xl: 32px;--shadow-soft: 0 2px 8px rgba(45, 31, 26, .08);--shadow-medium: 0 4px 20px rgba(45, 31, 26, .1);--shadow-lifted: 0 12px 40px rgba(45, 31, 26, .14);--shadow-photo: 0 4px 15px rgba(139, 38, 53, .12), 0 1px 3px rgba(45, 31, 26, .1);--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--transition-page: .6s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-cream);color:var(--color-charcoal);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:9999}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--color-earth)}h1{font-size:2.5rem;font-weight:600}h2{font-size:1.75rem}h3{font-size:1.35rem}p{color:var(--color-umber)}.text-serif{font-family:var(--font-serif)}.text-italic{font-style:italic}.text-center{text-align:center}.text-muted{color:var(--color-terracotta-muted)}.text-terracotta{color:var(--color-terracotta)}.text-gold{color:var(--color-gold-dark)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mx-auto{margin-left:auto;margin-right:auto}.hidden{display:none!important}.link{color:var(--color-terracotta);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.link:hover{border-bottom-color:var(--color-terracotta-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 1.75rem;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;letter-spacing:.02em;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-medium);text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 2px 8px #8b263559}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #8b263573}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-cream-dark);color:var(--color-earth);border:1px solid var(--color-sand)}.btn-secondary:hover:not(:disabled){background:var(--color-parchment);border-color:var(--color-warm-gray)}.btn-ghost{background:transparent;color:var(--color-umber);padding:.5rem 1rem}.btn-ghost:hover{color:var(--color-earth);background:var(--color-cream-dark)}.btn-full{width:100%}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.input{width:100%;padding:1rem 1.25rem;font-family:var(--font-sans);font-size:1rem;color:var(--color-charcoal);background:#fff;border:1px solid var(--color-sand);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input::placeholder{color:var(--color-terracotta-muted)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b26351f}.input-lg{padding:1.125rem 1.5rem;font-size:1.125rem}.input-motto{font-family:var(--font-serif);font-size:1.25rem;font-style:italic;text-align:center;letter-spacing:.02em}.card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-medium);border:1px solid var(--color-sand)}.card-elevated{box-shadow:var(--shadow-lifted)}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.page-fade-in{animation:fadeIn var(--transition-page) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner{width:36px;height:36px;border:2px solid var(--color-sand);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s ease-in-out infinite}.ornament{display:flex;align-items:center;justify-content:center;gap:var(--space-md);color:var(--color-warm-gray);margin:var(--space-lg) 0}.ornament:before,.ornament:after{content:"";height:1px;width:60px;background:linear-gradient(90deg,transparent,var(--color-sand),transparent)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-sand),transparent);margin:var(--space-xl) 0}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr;background:var(--color-cream)}@media(min-width:900px){.login-page{grid-template-columns:1fr 1fr}}.login-hero{display:none;background:linear-gradient(145deg,var(--color-primary) 0%,var(--color-primary-dark) 50%,var(--color-earth) 100%);padding:var(--space-4xl);position:relative;overflow:hidden}@media(min-width:900px){.login-hero{display:flex;flex-direction:column;justify-content:center}}.login-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.08}.login-hero-content{position:relative;z-index:1;color:#fff;max-width:480px}.login-hero-icon{width:100px;height:100px;margin-bottom:var(--space-xl);display:flex;align-items:center;justify-content:center}.login-hero-icon .shukr-logo{width:100%;height:100%;object-fit:cover}.login-hero-title{font-family:var(--font-serif);font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:var(--space-lg);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.login-hero-tagline{font-family:var(--font-serif);font-size:1.35rem;font-style:italic;color:#fffffff2;margin-bottom:var(--space-2xl);line-height:1.6;text-shadow:0 1px 6px rgba(0,0,0,.25)}.login-hero-features{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-2xl);background:#00000026;padding:var(--space-lg);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-feature{display:flex;align-items:center;gap:var(--space-md);font-size:1rem;font-weight:500;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.2)}.login-feature-icon{font-size:1.25rem}.login-hero-footer{margin-top:var(--space-2xl);font-size:.9rem;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.2)}.login-hero-footer a{color:#fff;font-weight:500;text-decoration:underline;text-underline-offset:2px}.login-hero-footer a:hover{text-decoration-thickness:2px}.login-hero-branding{position:absolute;bottom:var(--space-xl);left:var(--space-4xl);display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:#ffffffb3}.login-hero-branding .barakah-logo{height:100px;width:auto;opacity:.9}.section-icon{margin-right:var(--space-xs)}.login-form-side{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-cream)}.login-form-container{width:100%;max-width:400px;animation:fadeIn var(--transition-page) ease-out}.login-form-header{text-align:center;margin-bottom:var(--space-xl)}.login-form-header h2{font-family:var(--font-serif);font-size:2rem;font-weight:600;color:var(--color-earth);margin-bottom:var(--space-sm)}.login-form-header p{font-family:var(--font-serif);font-style:italic;font-size:1rem;color:var(--color-terracotta-muted)}.login-footer{text-align:center;margin-top:var(--space-xl);font-size:.875rem;color:var(--color-terracotta-muted)}.login-footer a{color:var(--color-terracotta);text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-container{width:100%;max-width:400px;animation:fadeIn var(--transition-page) ease-out}.login-header{text-align:center;margin-bottom:var(--space-2xl)}.login-logo{font-family:var(--font-serif);font-size:2rem;font-weight:600;color:var(--color-earth);margin-bottom:var(--space-sm);letter-spacing:-.02em}.login-logo span{color:var(--color-terracotta)}.login-tagline{font-family:var(--font-serif);font-style:italic;font-size:1rem;color:var(--color-terracotta-muted)}.login-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-lifted);border:1px solid var(--color-sand)}.login-section{margin-bottom:var(--space-lg)}.login-section:last-child{margin-bottom:0}.login-section-title{font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-terracotta-muted);margin-bottom:var(--space-md)}.qr-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--color-cream);border-radius:var(--radius-lg);border:1px dashed var(--color-sand)}.qr-frame{padding:var(--space-sm);background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.qr-image{display:block;width:140px;height:140px;border-radius:var(--radius-sm)}.qr-status{margin-top:var(--space-md);font-size:.875rem;color:var(--color-terracotta-muted)}.qr-status.waiting{display:flex;align-items:center;gap:var(--space-sm)}.qr-status.waiting:before{content:"";width:8px;height:8px;background:var(--color-terracotta);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}.login-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--color-terracotta-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-sand)}.email-form{display:flex;flex-direction:column;gap:var(--space-md)}.email-status{text-align:center;font-size:.875rem;min-height:1.5em}.email-status.success{color:var(--color-success)}.email-status.error{color:var(--color-error)}.login-signup-link{text-align:center;font-size:.875rem;color:var(--color-umber);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-sand)}.login-signup-link a{color:var(--color-primary);font-weight:500;text-decoration:none}.login-signup-link a:hover{text-decoration:underline}.activate-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:linear-gradient(180deg,var(--color-cream) 0%,var(--color-parchment) 100%)}.activate-container{width:100%;max-width:560px;animation:fadeIn var(--transition-page) ease-out}.activate-header{text-align:center;margin-bottom:var(--space-2xl)}.activate-icon{width:80px;height:80px;margin:0 auto var(--space-lg);display:flex;align-items:center;justify-content:center}.activate-icon .shukr-logo{width:100%;height:100%;object-fit:contain}.intro-text{text-align:center;margin-bottom:var(--space-xl)}.intro-text p{font-size:1.05rem;line-height:1.7;color:var(--color-text-secondary);margin:0}.intro-text strong{color:var(--color-text)}.intro-features{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.intro-feature{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-cream-dark);border-radius:var(--radius-md);border:1px solid var(--color-border)}.intro-feature-icon{font-size:1.75rem;flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:var(--radius-md)}.intro-feature-content{flex:1}.intro-feature h4{color:var(--color-text);font-size:1.1rem;font-weight:600;margin-bottom:var(--space-xs)}.intro-feature p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.activate-title{font-size:2rem;margin-bottom:var(--space-sm)}.activate-subtitle{font-family:var(--font-serif);font-style:italic;font-size:1.125rem;color:var(--color-terracotta-muted)}.wizard-progress{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-2xl)}.wizard-dot{width:12px;height:12px;border-radius:50%;background:var(--color-sand);transition:all var(--transition-medium)}.wizard-dot.active{background:var(--color-terracotta);transform:scale(1.2)}.wizard-dot.completed{background:var(--color-success)}.wizard-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lifted);border:1px solid var(--color-sand)}.wizard-step{display:none}.wizard-step.active{display:block;animation:fadeIn var(--transition-medium) ease-out}.motto-step-header{text-align:center;margin-bottom:var(--space-2xl)}.motto-step-title{font-size:1.5rem;margin-bottom:var(--space-md)}.motto-importance{background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-parchment) 100%);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);border:1px solid var(--color-sand)}.motto-importance-title{font-family:var(--font-serif);font-size:1.125rem;color:var(--color-terracotta-dark);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.motto-importance-title:before{content:"🔐"}.motto-importance-text{font-size:.9375rem;line-height:1.7;color:var(--color-umber)}.motto-importance-text strong{color:var(--color-terracotta-dark)}.motto-warning{display:flex;align-items:flex-start;gap:var(--space-md);background:#b8545014;border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-lg);border:1px solid rgba(184,84,80,.15)}.motto-warning-icon{font-size:1.25rem;flex-shrink:0}.motto-warning-text{font-size:.8125rem;color:var(--color-error);line-height:1.5}.motto-input-wrapper{margin-bottom:var(--space-lg)}.motto-input-label{display:block;font-family:var(--font-serif);font-style:italic;font-size:.9375rem;color:var(--color-terracotta-muted);margin-bottom:var(--space-sm);text-align:center}.plans-header{text-align:center;margin-bottom:var(--space-xl)}.plans-title{font-size:1.5rem;margin-bottom:var(--space-sm)}.plans-subtitle{font-size:.9375rem;color:var(--color-terracotta-muted)}.storage-plans{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.storage-plan{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-cream);border-radius:var(--radius-lg);border:2px solid var(--color-sand);cursor:pointer;transition:all var(--transition-medium)}.storage-plan:hover{border-color:var(--color-terracotta-light);background:var(--color-cream-dark)}.storage-plan.selected{border-color:var(--color-primary);background:#fff;box-shadow:0 4px 15px #8b263526}.storage-plan.popular{position:relative}.storage-plan.popular:before{content:"Most Popular";position:absolute;top:-10px;right:var(--space-md);background:var(--color-terracotta);color:#fff;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:var(--radius-sm)}.plan-radio{width:20px;height:20px;border:2px solid var(--color-sand);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.storage-plan.selected .plan-radio{border-color:var(--color-terracotta)}.storage-plan.selected .plan-radio:after{content:"";width:10px;height:10px;background:var(--color-terracotta);border-radius:50%}.plan-details{flex:1}.plan-name{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;color:var(--color-earth);margin-bottom:var(--space-xs)}.plan-description{font-size:.8125rem;color:var(--color-terracotta-muted)}.plan-price{text-align:right}.plan-price-amount{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--color-earth)}.plan-price-period{font-size:.75rem;color:var(--color-terracotta-muted)}.plans-note{text-align:center;font-size:.8125rem;color:var(--color-terracotta-muted);margin-bottom:var(--space-xl);font-style:italic}.plans-note strong{color:var(--color-terracotta);font-style:normal}.success-container{text-align:center;padding:var(--space-2xl)}.success-icon{width:80px;height:80px;margin:0 auto var(--space-lg);background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;box-shadow:0 8px 25px #4a7c5959}.dashboard{min-height:100vh;display:flex;flex-direction:column;background:var(--color-cream)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:#fff;border-bottom:1px solid var(--color-sand);position:sticky;top:0;z-index:100}.header-brand{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--color-earth);letter-spacing:-.02em}.header-brand span{color:var(--color-terracotta)}.header-user{display:flex;align-items:center;gap:var(--space-md)}.user-email{font-size:.875rem;color:var(--color-terracotta-muted)}.dashboard-main{flex:1;padding:var(--space-xl);max-width:1200px;margin:0 auto;width:100%}.dashboard-content{transition:filter var(--transition-medium)}.dashboard-content.locked{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.storage-section{margin-bottom:var(--space-xl)}.storage-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-soft);border:1px solid var(--color-sand)}.storage-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-md)}.storage-label{font-family:var(--font-serif);font-size:1.125rem;font-weight:500;color:var(--color-earth)}.storage-values{font-size:.875rem;color:var(--color-terracotta-muted)}.storage-bar{height:10px;background:var(--color-cream-dark);border-radius:5px;overflow:hidden;margin-bottom:var(--space-md)}.storage-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-light),var(--color-primary));border-radius:5px;transition:width var(--transition-medium)}.storage-fill.warning{background:linear-gradient(90deg,var(--color-gold),var(--color-warning))}.storage-fill.critical{background:linear-gradient(90deg,var(--color-error),#8B3A3A)}.storage-footer{display:flex;justify-content:space-between;align-items:center}.storage-remaining{font-size:.8125rem;color:var(--color-terracotta-muted)}.memories-section{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-soft);border:1px solid var(--color-sand)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-sand)}.section-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:500}.memory-count{font-size:.875rem;color:var(--color-terracotta-muted)}.memory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.memory-grid-empty{text-align:center;padding:var(--space-3xl) var(--space-lg)}.empty-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.5}.empty-title{font-family:var(--font-serif);font-size:1.35rem;color:var(--color-earth);margin-bottom:var(--space-sm)}.empty-message{font-size:.9375rem;color:var(--color-terracotta-muted)}.memory-grid-locked{position:relative}.locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fbf9f6f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-md)}.locked-icon{font-size:3rem;margin-bottom:var(--space-md)}.locked-message{font-family:var(--font-serif);font-style:italic;font-size:1.125rem;color:var(--color-terracotta-muted)}.memory-grid.blurred{filter:blur(12px)}.memory-thumbnail{display:block;border-radius:var(--radius-md);overflow:hidden;background:var(--color-cream);border:1px solid var(--color-sand);text-decoration:none;color:inherit;transition:all var(--transition-medium);box-shadow:var(--shadow-soft)}.memory-thumbnail:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:var(--shadow-photo);border-color:var(--color-terracotta-light)}.thumbnail-preview{aspect-ratio:1;background:linear-gradient(145deg,var(--color-cream-dark),var(--color-parchment));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.thumbnail-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.05) 100%)}.thumbnail-icon{font-size:2.5rem;opacity:.6}.thumbnail-image{width:100%;height:100%;object-fit:cover}.thumbnail-meta{padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-terracotta-muted);background:#fff}.memory-thumbnail.stacked{position:relative}.memory-thumbnail.stacked:before,.memory-thumbnail.stacked:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-md);background:var(--color-cream);border:1px solid var(--color-sand);z-index:-1;transition:all var(--transition-medium)}.memory-thumbnail.stacked:before{transform:rotate(2deg) translate(3px,3px);opacity:.7}.memory-thumbnail.stacked:after{transform:rotate(4deg) translate(6px,6px);opacity:.4}.memory-thumbnail.stacked:hover:before{transform:rotate(4deg) translate(5px,5px)}.memory-thumbnail.stacked:hover:after{transform:rotate(7deg) translate(10px,8px)}.stack-indicator{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 4px #0003;z-index:10}.motto-unlock-section{margin-bottom:var(--space-xl)}.motto-prompt{background:#fff;border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lifted);border:1px solid var(--color-primary-muted);text-align:center;max-width:480px;margin:0 auto}.motto-icon{font-size:3.5rem;margin-bottom:var(--space-lg)}.motto-title{font-size:1.5rem;margin-bottom:var(--space-sm)}.motto-subtitle{font-family:var(--font-serif);font-style:italic;font-size:1rem;color:var(--color-terracotta-muted);margin-bottom:var(--space-xl)}.motto-form{max-width:320px;margin:0 auto}.motto-form .input{margin-bottom:var(--space-md)}.motto-hint{font-size:.75rem;color:var(--color-terracotta-muted);margin-top:var(--space-lg)}.motto-error{color:var(--color-error);font-size:.875rem;margin-top:var(--space-sm)}.memory-page{min-height:100vh;display:flex;flex-direction:column;background:#1a0f12}.memory-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-xl);background:#2d1419f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.memory-header .btn-ghost{color:var(--color-sand)}.memory-header .btn-ghost:hover{color:#fff;background:#ffffff1a}.memory-actions{display:flex;align-items:center;gap:var(--space-sm)}.memory-header .btn-download,.memory-header #download-all-btn{color:#ffffff80;transition:color .2s ease}.memory-header .btn-download:hover,.memory-header #download-all-btn:hover:not(:disabled){color:#fffffff2;background:#ffffff1a}.memory-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);position:relative}.memory-content{max-width:90vw;max-height:75vh}.memory-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 0 0 1px #ffffff14,0 4px 20px #00000080,0 0 30px 5px #8b263533,0 0 60px 15px #8b263526,0 0 100px 30px #8b26351f,0 0 150px 50px #8b26351a,0 0 200px 80px #8b263514}.memory-video{max-width:100%;max-height:70vh;border-radius:var(--radius-md);box-shadow:0 0 0 1px #ffffff14,0 4px 20px #00000080,0 0 30px 5px #8b263533,0 0 60px 15px #8b263526,0 0 100px 30px #8b26351f,0 0 150px 50px #8b26351a,0 0 200px 80px #8b263514}.memory-file{background:#fff;border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center}.memory-info{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-xl);display:flex;flex-wrap:wrap;gap:var(--space-xl);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.info-value{font-weight:500;font-size:.875rem;color:#ffffffe6}.memory-counter{font-family:var(--font-serif);font-size:.875rem;color:var(--color-sand);opacity:.8}.memory-nav{position:fixed;top:50%;transform:translateY(-50%);width:56px;height:56px;border:none;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100;border:1px solid rgba(255,255,255,.1)}.memory-nav:hover{background:#fff3;color:#fff;transform:translateY(-50%) scale(1.05)}.memory-nav:active{transform:translateY(-50%) scale(.95)}.memory-nav-prev{left:var(--space-xl)}.memory-nav-next{right:var(--space-xl)}.polaroid-frame{display:flex;align-items:center;justify-content:center}.polaroid-frame.no-polaroid .memory-image{max-width:100%;max-height:70vh;object-fit:contain}.polaroid-frame.has-polaroid{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E"),linear-gradient(165deg,#f5eee6,#ede4d8,#e8dcce,#e5d9c9,#dfd2c2);background-blend-mode:soft-light,normal;padding:20px 20px 56px;border-radius:3px;box-shadow:0 0 0 1px #ffffff14,0 4px 20px #00000080,0 0 30px 5px #8b263533,0 0 60px 15px #8b263526,0 0 100px 30px #8b26351f,0 0 150px 50px #8b26351a,0 0 200px 80px #8b263514;transform:rotate(-1deg);max-width:90vw;max-height:80vh;position:relative}.polaroid-frame.has-polaroid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:radial-gradient(ellipse at center,transparent 60%,rgba(180,160,130,.08) 100%);pointer-events:none}.polaroid-frame.has-polaroid .memory-image{width:auto;height:auto;max-width:min(700px,80vw);max-height:min(550px,62vh);object-fit:cover;border-radius:0;border:1px solid rgba(180,165,145,.4);border-top-color:#a0917d80;border-left-color:#a0917d80;border-bottom-color:#dcd2c380;border-right-color:#dcd2c380;box-shadow:inset 0 1px 3px #0000001a,inset 0 0 8px #0000000f}.shukr-post-page{background:#1a0f12}.shukr-post-badge{background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;height:fit-content;align-self:center}.shukr-post-layout{flex:1;display:grid;grid-template-columns:380px 1fr;gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl);position:relative;min-height:0;align-items:center}.shukr-post-left{display:flex;flex-direction:column;gap:var(--space-xl);padding-left:60px}.shukr-alhamdulillah{display:flex;align-items:center}.alhamdulillah-text{font-family:var(--font-serif);font-size:1.75rem;font-style:italic;color:#ffffffd9;letter-spacing:.02em}.shukr-post-caption{padding:var(--space-lg);background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--color-primary)}.shukr-post-caption p{font-family:var(--font-serif);font-size:1.25rem;font-style:italic;line-height:1.7;color:#ffffffe6;margin:0}.shukr-author-block{display:flex;align-items:center;gap:var(--space-md)}.shukr-author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#fff;letter-spacing:.02em;box-shadow:0 2px 8px #8b263566}.shukr-author-details{display:flex;flex-direction:column;gap:2px;padding-right:var(--space-sm)}.shukr-author-name{font-weight:600;font-size:.9rem;color:#fffffff2}.shukr-author-date{font-size:.75rem;color:#fff9}.shukr-polaroid-spread{display:flex;align-items:center;justify-content:center;gap:-40px;padding:var(--space-xl) 0;min-height:450px}.shukr-polaroid{position:relative;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E"),linear-gradient(165deg,#f5eee6,#ede4d8,#e8dcce,#e5d9c9,#dfd2c2);background-blend-mode:soft-light,normal;padding:16px 16px 54px;border-radius:3px;box-shadow:0 0 0 1px #ffffff14,0 4px 20px #00000080,0 0 30px 5px #8b263533,0 0 60px 15px #8b263526,0 0 100px 30px #8b26351a;transition:all .3s ease}.shukr-polaroid:nth-child(1){transform:rotate(-4deg);z-index:3;margin-right:-30px}.shukr-polaroid:nth-child(2){transform:rotate(2deg) translateY(-8px);z-index:4;margin-right:-30px}.shukr-polaroid:nth-child(3){transform:rotate(-2deg) translateY(5px);z-index:3;margin-right:-30px}.shukr-polaroid:nth-child(4){transform:rotate(4deg);z-index:2;margin-right:-30px}.shukr-polaroid:nth-child(5){transform:rotate(-3deg) translateY(-5px);z-index:2}.shukr-polaroid:hover{z-index:10!important;transform:rotate(0) scale(1.03) translateY(-10px)!important;box-shadow:0 0 0 1px #ffffff1a,0 8px 40px #00000080,0 0 40px 10px #8b263540,0 0 80px 25px #8b26352e,0 0 120px 40px #8b26351f}.shukr-polaroid-inner{width:280px;height:370px;overflow:hidden}.shukr-polaroid-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000000d;border:1px solid rgba(180,165,145,.4);border-top-color:#a0917d80;border-left-color:#a0917d80;border-bottom-color:#dcd2c380;border-right-color:#dcd2c380;box-shadow:inset 0 1px 3px #0000001a,inset 0 0 8px #0000000f}.shukr-polaroid-img,.shukr-polaroid-video{width:100%;height:100%;object-fit:cover}.shukr-post-info{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);z-index:20}.shukr-photos-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin-left:-60px}.shukr-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.shukr-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:none;padding:0;cursor:pointer;transition:all .2s ease}.shukr-dot:hover{background:#ffffff80;transform:scale(1.1)}.shukr-dot.active{background:var(--color-primary);box-shadow:0 0 8px #8b263580;transform:scale(1.2)}.shukr-polaroid{display:none}.shukr-polaroid.visible{display:block}@media(max-width:768px){:root{--space-xl: 1.5rem;--space-2xl: 2rem}h1{font-size:2rem}.login-card,.wizard-card{padding:var(--space-xl)}.dashboard-header{padding:var(--space-md);flex-direction:column;gap:var(--space-sm);text-align:center}.dashboard-main{padding:var(--space-md)}.memory-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.memory-info{flex-direction:column;gap:var(--space-md)}.storage-plan{flex-direction:column;text-align:center;gap:var(--space-md)}.plan-price{text-align:center}.memory-nav{width:44px;height:44px}.memory-nav-prev{left:var(--space-sm)}.memory-nav-next{right:var(--space-sm)}.polaroid-frame.has-polaroid{padding:14px 14px 40px}.polaroid-frame.has-polaroid .memory-image{max-width:min(500px,85vw);max-height:min(450px,55vh)}}@media(max-width:480px){.login-container,.activate-container{max-width:100%}.qr-image{width:140px;height:140px}.memory-grid{grid-template-columns:repeat(2,1fr)}.activate-icon,.success-icon{width:64px;height:64px;font-size:1.5rem}.motto-importance{padding:var(--space-md)}}.checkout-container{max-width:600px;width:100%;padding:var(--space-xl)}.checkout-container h1{font-family:var(--font-serif);font-size:2rem;color:var(--color-primary);margin-bottom:var(--space-sm)}.checkout-container .text-muted{color:var(--color-umber);margin-bottom:var(--space-xl)}.back-link{display:inline-block;color:var(--color-primary-muted);text-decoration:none;margin-bottom:var(--space-lg);font-size:.9rem;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.storage-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.storage-option{position:relative;background:#fff;border:2px solid var(--color-sand);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-medium)}.storage-option:hover{border-color:var(--color-primary-muted);box-shadow:var(--shadow-medium)}.storage-option.popular{border-color:var(--color-primary);box-shadow:var(--shadow-photo)}.storage-option.selected{border-color:var(--color-primary);box-shadow:0 4px 20px #8b263533;background:var(--color-cream)}.storage-option[data-plan]{cursor:pointer}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em}.storage-amount{font-family:var(--font-serif);font-size:2.5rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--space-sm)}.storage-price{font-size:1.5rem;font-weight:600;color:var(--color-charcoal);margin-bottom:var(--space-xs)}.storage-details{font-size:.85rem;color:var(--color-umber);margin-bottom:var(--space-sm)}.storage-duration{font-size:.75rem;color:var(--color-terracotta-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.checkout-note{font-size:.85rem;color:var(--color-umber);text-align:center;font-style:italic}.checkout-error{background:#a63d3d1a;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.checkout-result{max-width:500px;width:100%;text-align:center;padding:var(--space-2xl)}.checkout-result h1{font-family:var(--font-serif);font-size:2rem;margin-bottom:var(--space-md)}.checkout-result p{color:var(--color-umber);margin-bottom:var(--space-lg)}.result-icon{font-size:4rem;margin-bottom:var(--space-lg)}.checkout-result.success .result-icon{color:var(--color-success)}.checkout-result.error .result-icon{color:var(--color-error)}.checkout-result.cancelled .result-icon{color:var(--color-warning);font-size:3rem}.storage-added{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-success);font-weight:600}.result-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-sand);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-lg)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.storage-options{grid-template-columns:1fr}.checkout-container{padding:var(--space-lg)}.result-actions{flex-direction:column}.result-actions .btn{width:100%}}.checkout-cancelled-notice{background:#c98b3a1a;border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);text-align:center}.checkout-cancelled-notice p{color:var(--color-warning);margin:0;font-size:.9rem}.admin-login-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-medium);max-width:400px;width:100%;text-align:center}.admin-login-card h1{font-family:var(--font-serif);font-size:1.75rem;color:var(--color-primary);margin-bottom:var(--space-xs)}.admin-login-card .form-group{margin:var(--space-xl) 0;text-align:left}.admin-login-card label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-sm);color:var(--color-umber)}.admin-layout{min-height:100vh;background:var(--color-cream-dark)}.admin-header{background:var(--color-primary);color:#fff;padding:var(--space-md) var(--space-xl);display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-family:var(--font-serif);font-size:1.5rem;font-weight:500}.admin-header .btn-ghost{color:#fffc;border-color:#ffffff4d}.admin-header .btn-ghost:hover{color:#fff;background:#ffffff1a}.admin-tabs{background:#fff;border-bottom:1px solid var(--color-sand);display:flex;padding:0 var(--space-xl)}.admin-tab{background:none;border:none;padding:var(--space-md) var(--space-lg);font-size:.9rem;font-weight:500;color:var(--color-umber);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.admin-tab:hover{color:var(--color-primary)}.admin-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-content{padding:var(--space-xl);max-width:1200px;margin:0 auto}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-soft)}.stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-umber);margin-bottom:var(--space-sm)}.stat-value{font-family:var(--font-serif);font-size:2rem;font-weight:600;color:var(--color-primary)}.stat-detail{font-size:.8rem;color:var(--color-primary-muted);margin-top:var(--space-xs)}.admin-section{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-soft);margin-bottom:var(--space-lg)}.admin-section h3{font-family:var(--font-serif);font-size:1.25rem;color:var(--color-charcoal);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-sand)}.section-header-row{display:flex;justify-content:space-between;align-items:center}.month-group{margin-bottom:var(--space-xl);border:1px solid var(--color-sand);border-radius:var(--radius-md);overflow:hidden}.month-group:last-child{margin-bottom:0}.month-header{display:flex;justify-content:space-between;align-items:center;background:var(--color-parchment);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-sand)}.month-label{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;color:var(--color-charcoal);margin:0}.month-totals{display:flex;align-items:center;gap:var(--space-lg)}.month-total-revenue{font-weight:700;font-size:1.1rem;color:var(--color-primary)}.month-total-count{font-size:.875rem;color:var(--color-umber)}.month-group .admin-table-wrapper,.month-group .admin-table{margin:0}.tier-breakdown{display:flex;flex-direction:column;gap:var(--space-sm)}.tier-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-parchment)}.tier-item:last-child{border-bottom:none}.tier-name{font-weight:600;color:var(--color-primary);min-width:60px}.tier-count{color:var(--color-umber);flex:1}.tier-revenue{font-weight:500;color:var(--color-success)}.admin-table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th,.admin-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-parchment)}.admin-table th{font-weight:600;color:var(--color-umber);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--color-cream)}.admin-table td{color:var(--color-charcoal)}.admin-table tr:hover td{background:var(--color-cream)}.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:capitalize}.status-active{background:#4a7c591a;color:var(--color-success)}.status-pending{background:#c98b3a1a;color:var(--color-warning)}.storage-info{font-weight:500}.storage-percent{font-size:.75rem;color:var(--color-umber)}.admin-table .amount{font-weight:500;color:var(--color-success)}.admin-table .order-id{font-family:monospace;font-size:.8rem;color:var(--color-umber)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-parchment)}.pagination-info{font-size:.875rem;color:var(--color-umber)}@media(max-width:768px){.admin-header{padding:var(--space-md)}.admin-header h1{font-size:1.25rem}.admin-tabs{padding:0 var(--space-md);overflow-x:auto}.admin-tab{padding:var(--space-sm) var(--space-md);white-space:nowrap}.admin-content{padding:var(--space-md)}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}