:root{--terracotta:#e2725b;--turquoise:#40e0d0;--mustard:#ffdb58;--bauhaus-blue:#0055a4;--charcoal:#262626;--off-white:#f5f5f3;--pure-white:#fff;--text:#262626;--font-main:"IBM Plex Sans Arabic", "Cairo", sans-serif;--font-heading:"IBM Plex Sans Arabic", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--off-white);color:var(--text);background-image:radial-gradient(circle at 10% 20%,#e2725b0d 0%,#0000 20%),radial-gradient(circle at 90% 80%,#40e0d00d 0%,#0000 20%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.container{perspective:1000px;width:95%;max-width:900px;padding:20px}.bg-shapes{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.shape{opacity:.8;position:absolute}.circle-1{background-color:var(--mustard);border-radius:50%;width:300px;height:300px;top:-100px;right:-50px}.circle-2{background-color:var(--terracotta);border-radius:50%;width:150px;height:150px;bottom:10%;left:-50px}.triangle-1{border-left:100px solid #0000;border-right:100px solid #0000;border-bottom:200px solid var(--turquoise);width:0;height:0;top:20%;left:10%;transform:rotate(30deg)}.crescent-1{width:120px;height:120px;box-shadow:20px 20px 0 0 var(--bauhaus-blue);border-radius:50%;bottom:20%;right:15%;transform:rotate(-15deg)}.rect-1{background-color:var(--charcoal);width:200px;height:40px;top:60%;right:-50px;transform:rotate(-45deg)}.glass-card{background:var(--pure-white);border:8px solid var(--charcoal);box-shadow:20px 20px 0 0 var(--mustard);border-radius:0;padding:60px 40px;animation:.8s cubic-bezier(.16,1,.3,1) cardEntrance;position:relative}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px)rotateX(-5deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}header{text-align:center;margin-bottom:50px}.brand-header{margin-bottom:25px}.main-logo{background:var(--pure-white);border:4px solid var(--charcoal);max-width:220px;height:auto;box-shadow:8px 8px 0 0 var(--turquoise);padding:15px;transition:transform .3s}.main-logo:hover{box-shadow:12px 12px 0 0 var(--turquoise);transform:translate(-4px,-4px)}.glow-text{font-family:var(--font-heading);color:var(--charcoal);text-shadow:none;margin-bottom:5px;font-size:3.8rem;font-weight:700}header p{opacity:.8;letter-spacing:1.5px;font-size:1.25rem}.input-section{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--charcoal);border-bottom:3px solid var(--terracotta);margin-bottom:5px;font-size:1rem;font-weight:700;display:inline-block}input[type=text]{background:var(--pure-white);border:4px solid var(--charcoal);color:var(--charcoal);font-size:1.1rem;font-family:var(--font-main);border-radius:0;outline:none;padding:15px 20px;transition:all .2s}input[type=text]:focus{background:var(--off-white);box-shadow:6px 6px 0 0 var(--charcoal);transform:translate(-2px,-2px)}.premium-btn{background:var(--mustard);color:var(--charcoal);border:4px solid var(--charcoal);cursor:pointer;box-shadow:10px 10px 0 0 var(--charcoal);border-radius:0;padding:20px;font-size:1.4rem;font-weight:700;transition:all .2s;position:relative}.premium-btn:hover{box-shadow:14px 14px 0 0 var(--charcoal);background-color:#ffe066;transform:translate(-4px,-4px)}.premium-btn:active{box-shadow:4px 4px 0 0 var(--charcoal);transform:translate(0)}.preview-section{text-align:center;margin-top:30px;animation:.8s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.canvas-container{background:var(--charcoal);box-shadow:15px 15px 0 0 var(--turquoise);border:8px solid var(--charcoal);border-radius:0;margin-bottom:30px;overflow:hidden}canvas{max-width:100%;height:auto;display:block}.download-btn{background:var(--terracotta);color:#fff;border:4px solid var(--charcoal);cursor:pointer;box-shadow:8px 8px 0 0 var(--charcoal);border-radius:0;justify-content:center;align-items:center;gap:12px;padding:15px 40px;font-size:1.25rem;font-weight:700;transition:all .2s;display:inline-flex}.download-btn:hover{box-shadow:12px 12px 0 0 var(--charcoal);background:#ef5a3d;transform:translate(-4px,-4px)}.download-btn:active{box-shadow:4px 4px 0 0 var(--charcoal);transform:translate(0)}.hidden{display:none}footer{text-align:center;color:var(--charcoal);opacity:.7;margin-top:50px;font-size:.9rem;font-weight:700}@media (width<=480px){.glass-card{box-shadow:10px 10px 0 0 var(--mustard);padding:40px 20px}.glow-text{font-size:2.2rem}.shape{transform:scale(.6)}}