:root{--gold: #b8943a;--gold-deep: #8f6f28;--gold-soft: #d4b56a;--ink: #3a3328;--ink-muted: #6d634f;--rose: #e8c4c0;--pearl: #faf6ef;--sheet: rgba(255, 252, 247, .72)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans Arabic,sans-serif;min-height:100dvh;color:var(--ink);background:radial-gradient(100% 55% at 50% -8%,rgba(255,248,230,.55) 0%,transparent 50%),radial-gradient(80% 50% at 100% 25%,rgba(232,196,192,.22) 0%,transparent 48%),radial-gradient(70% 45% at 0% 75%,rgba(212,181,106,.14) 0%,transparent 42%),linear-gradient(180deg,#f6f1e8,#efe7d9 48%,#f3ebe1);display:flex;justify-content:center;padding:20px 14px 40px;position:relative;overflow-x:hidden}#root{width:100%;display:flex;justify-content:center}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bloom{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:drift 16s ease-in-out infinite alternate}.bloom-a{width:220px;height:220px;top:-80px;right:-50px;background:#b8943a24}.bloom-b{width:200px;height:200px;bottom:90px;left:-80px;background:#e8c4c038;animation-delay:-4s}.bloom-c{width:160px;height:160px;bottom:-50px;right:28%;background:#d4b56a1f;animation-delay:-8s}.veil{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.22) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 60%,rgba(184,148,58,.1) 0 1px,transparent 1.5px);background-size:48px 48px,62px 62px;opacity:.35}.page{position:relative;z-index:1;width:100%;max-width:480px}.hero{text-align:center;margin-bottom:22px;animation:rise .9s cubic-bezier(.22,1,.36,1) both}.logo-stage{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto 16px;width:min(58vw,240px);aspect-ratio:1;border-radius:50%;overflow:hidden;padding:0;background:radial-gradient(circle at 50% 42%,#fffdf8,#faf4e8 55%,#f3ead8);border:1.5px solid rgba(184,148,58,.35);box-shadow:0 0 0 6px #fffcf58c,0 12px 28px #8f6f2824,inset 0 0 28px #e8d48b33}.logo-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,255,250,.75) 0%,transparent 58%);z-index:0;pointer-events:none}.logo-stage:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;background:radial-gradient(circle,rgba(232,212,139,.22) 0%,transparent 55%);filter:blur(16px);animation:pulse-glow 5s ease-in-out infinite;z-index:0;pointer-events:none}.logo-light{display:none}.logo{position:relative;z-index:1;width:78%;height:auto;background:transparent;filter:drop-shadow(0 4px 10px rgba(143,111,40,.12))}.hero-line{font-family:Amiri,serif;font-size:1.45rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(135deg,#8f6f28,#c9a227 45%,#e8d48b 55%,#b8943a);-webkit-background-clip:text;background-clip:text;color:transparent}.links{display:flex;flex-direction:column;gap:12px}.link-btn{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--sheet);border:1px solid rgba(184,148,58,.28);border-radius:16px;text-decoration:none;color:var(--ink);font-size:1.05rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px #8f6f2814;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rise .75s cubic-bezier(.22,1,.36,1) both}.link-btn:hover,.link-btn:focus-visible{transform:translateY(-3px);background:#ffffffeb;border-color:#b8943a8c;box-shadow:0 14px 32px #8f6f2829;outline:none}.link-btn.highlight{background:linear-gradient(135deg,#d4b56a59,#fffcf7e6);border-color:#b8943a80}.link-icon{width:44px;height:44px;min-width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px #00000014}.link-icon svg{width:24px;height:24px;display:block}.link-icon--image{width:58px;height:58px;min-width:58px;border-radius:50%;box-shadow:0 4px 14px #0000001f;background:#fffc00;overflow:hidden}.link-icon-img{width:58px;height:58px;display:block;object-fit:cover}.link-text{flex:1;text-align:right}.link-text small{display:block;color:var(--ink-muted);font-size:.78rem;font-weight:500;margin-top:2px;font-family:Cormorant Garamond,IBM Plex Sans Arabic,serif;letter-spacing:.03em}.link-arrow{color:var(--gold);font-size:1.1rem;opacity:.75;transition:transform .2s ease}.link-btn:hover .link-arrow{transform:translate(-4px)}.footer{margin-top:28px;text-align:center;animation:rise 1s cubic-bezier(.22,1,.36,1) .7s both}.footer-mark{display:block;width:72px;height:1px;margin:0 auto 12px;background:linear-gradient(90deg,transparent,var(--gold),transparent);position:relative}.footer-mark:after{content:"♥";position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:10px;color:var(--gold);background:transparent;line-height:1}.footer p{font-family:Amiri,serif;font-size:1.05rem;color:var(--ink-muted)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(12px,-18px,0) scale(1.06)}}@keyframes pulse-glow{0%,to{opacity:.65;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@media(max-width:380px){body{padding:10px 8px 32px}.logo-stage{width:min(62vw,220px)}.logo{width:80%}.hero-line{font-size:1.2rem}.link-btn{padding:12px 14px;font-size:.98rem}}@media(prefers-reduced-motion:reduce){.bloom,.logo-stage:before,.logo-stage:after,.logo-light,.hero,.link-btn,.footer{animation:none}}