:root{--mov1: #6a0dad;--mov2: #8a2be2;--accent: linear-gradient(135deg, var(--mov1), var(--mov2));--bg: #f9f6ff;--card: #ffffff}*{box-sizing:border-box}html,body,#root,app-root{height:100%}body{margin:0;font-family:Poppins,sans-serif;background:var(--bg);color:#222;-webkit-font-smoothing:antialiased;direction:ltr}html[dir=rtl] body{direction:rtl;text-align:right}.container{max-width:1000px;margin:0 auto;padding:20px}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 10% 20%,rgba(138,43,226,.12),transparent 10%),radial-gradient(circle at 90% 80%,rgba(106,13,173,.08),transparent 10%)}.card{background:var(--card);padding:28px;border-radius:16px;box-shadow:0 8px 30px #42144614;width:360px;text-align:center}.brand{font-family:Dancing Script,cursive;font-size:32px;margin-bottom:8px;color:#4b0066}.login-input{width:100%;padding:12px 14px;margin:12px 0;border-radius:10px;border:1px solid #eee;font-size:16px}.btn{width:100%;padding:12px;border-radius:10px;border:0;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;box-shadow:0 6px 18px #6a0dad2e}.hint{margin-top:10px;font-size:14px;color:#6b2aa6;cursor:pointer;text-decoration:underline;background:none;border:none}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:30}.modal{background:white;padding:18px;border-radius:12px;max-width:420px;box-shadow:0 12px 40px #00000040}.hero{height:70vh;border-radius:16px;margin:20px 0;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;background:linear-gradient(135deg,var(--mov1),var(--mov2));box-shadow:0 10px 30px #6a0dad29;position:relative;overflow:hidden}.hero h1{font-family:Dancing Script,cursive;font-size:48px;margin:0;text-shadow:0 4px 18px rgba(0,0,0,.18)}.section{padding:36px 0}.memories-grid,.reasons-grid{display:grid;gap:16px}.memories-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.memories-grid.rtl{direction:rtl;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;text-align:right}.memory-card{background:white;padding:16px;border-radius:12px;box-shadow:0 6px 20px #4214460f;cursor:pointer;text-align:start;direction:inherit}.memory-card.rtl{direction:rtl;text-align:right}.memory-title{font-weight:600;margin-bottom:8px}.memory-date{font-size:13px;color:#666}.reasons-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.reason{perspective:1000px;width:100%;height:110px}.reason-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease;border-radius:10px}.reason-front,.reason-back{position:absolute;inset:0;border-radius:10px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;font-weight:600;color:#fff}.reason-front{background:var(--accent)}.reason-back{background:linear-gradient(180deg,#fff,#f1e9ff);color:#4b0066;transform:rotateY(180deg)}.reason:hover .reason-inner{transform:rotateY(180deg)}.footer{text-align:center;padding:24px 0;color:#6b2aa6}@media (max-width: 480px){.card{width:320px;padding:18px}.hero h1{font-size:36px}}.language-switcher{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:1000}html[dir=rtl] .language-switcher{right:auto;left:20px}.language-switcher button{background-color:#a020f0;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;transition:transform .2s,background-color .2s}.language-switcher button:hover{transform:scale(1.1);background-color:#f107a3}.language-switcher button:focus{outline:none;box-shadow:0 0 8px #f107a3cc}.lang-switcher{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1000}.lang-btn{background:white;border:2px solid #b76eff;color:#b76eff;border-radius:50%;font-size:20px;width:40px;height:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0003}.lang-btn:hover{background:#b76eff;color:#fff;transform:scale(1.1)}.lang-options{display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(-10px) scale(.8);pointer-events:none;transition:all .3s ease}.lang-switcher.open .lang-options{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.lang-btn.main{background:#b76eff;color:#fff;border:none}[dir=rtl] .lang-switcher{right:auto;left:20px}