*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Tajawal,system-ui,sans-serif}.home-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:#0f0c0a;--embed-phone-h: 820px;--embed-phone-w: 390px;--embed-desktop-h: 768px;--embed-phone-outer-pad: 20px;--embed-portal-pad: 16px}.home-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 120% 80% at 100% 0%,rgba(217,79,11,.35) 0%,transparent 55%),radial-gradient(ellipse 100% 60% at 0% 100%,rgba(255,107,53,.2) 0%,transparent 50%),radial-gradient(circle at 50% 40%,rgba(255,200,150,.08) 0%,transparent 45%),linear-gradient(165deg,#1a1410,#0f0c0a 40%,#120e0a)}.home-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none}.home-shell-content{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:72rem;margin-inline:auto}.home-top{position:relative;padding:clamp(1rem,4vw,1.75rem) clamp(1rem,4vw,2rem) 0;flex-shrink:0}.home-brand{text-align:center;margin-bottom:1.25rem}.home-brand h1{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff8f0,#ffc9a3 45%,#ff8c42);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(217,79,11,.35)}.home-tabs-wrap{display:flex;justify-content:center}.home-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:52rem;padding:.5rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.home-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.1rem;border:none;border-radius:999px;font-family:inherit;font-size:.88rem;font-weight:700;color:#fff5ebbf;background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .15s ease}.home-tab:hover{color:#fff;background:#ffffff14}.home-tab:focus-visible{outline:2px solid rgba(255,140,66,.7);outline-offset:2px}.home-tab--active{color:#1a0f08;background:linear-gradient(135deg,#ffb347,#ff7b2e,#d94f0b);box-shadow:0 4px 20px #d94f0b73,inset 0 1px #ffffff59}.home-tab--active:hover{color:#1a0f08;background:linear-gradient(135deg,#ffc066,#ff8c42,#e85a12)}.home-tab-emoji{font-size:1.1rem;line-height:1}.home-panel{position:relative;flex:1;min-height:0;margin-top:1rem;border-radius:1.25rem 1.25rem 0 0;overflow:hidden;box-shadow:0 -8px 40px #00000073,inset 0 1px #ffffff0f;background:#0c0a08a6;border:1px solid rgba(255,255,255,.07);border-bottom:none}.home-panel-inner{height:100%;min-height:min(85vh,900px);overflow:auto;-webkit-overflow-scrolling:touch}.home-phase-mount{min-height:100%}.phase-app-root{width:100%;display:flex;flex-direction:column;flex:1 1 auto;min-height:100vh}.home-phase-mount .phase-app-root{min-height:0;flex:1}@media (max-width: 640px){.home-shell{--embed-phone-h: min(36vh, 300px);--embed-phone-w: min(100%, 300px);--embed-desktop-h: min(38vh, 320px);--embed-phone-outer-pad: 8px;--embed-portal-pad: 8px}.home-shell-content{max-width:360px;padding-inline:10px}.home-brand h1{font-size:1.35rem}.home-tabs{padding:.4rem;gap:.35rem}.home-tab{padding:.5rem .75rem;font-size:.8rem}.home-tab-emoji{font-size:.95rem}.home-panel-inner{flex:1;min-height:0;height:auto;max-height:min(52vh,420px);overflow:auto;display:flex;flex-direction:column}.home-phase-mount{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch}}@media (max-width: 540px){.home-tabs{border-radius:1rem;flex-direction:column;align-items:stretch}.home-tab{justify-content:center}}@media (max-width: 380px){.home-shell-content{max-width:100%;padding-inline:8px}}