:root{--font-main: "Outfit", sans-serif;--font-serif: "Playfair Display", serif;--color-bg: #050510;--color-text: #ffffff;--color-primary: #a855f7;--color-secondary: #ec4899;--color-accent: #facc15;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;animation:gradient-move 5s ease infinite}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.gap-4{gap:1rem}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.w-full{width:100%}.h-full{height:100%}.modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{padding:2.5rem;width:100%;max-width:450px;position:relative;display:flex;flex-direction:column;align-items:center}.close-btn{position:absolute;top:1rem;right:1rem;color:#64748b;background:#ffffff80;padding:4px;border-radius:50%;transition:all .2s}.close-btn:hover{color:#0f172a;background:#fffc;transform:scale(1.1)}.modal-title{font-size:2rem;font-weight:300;margin-bottom:.5rem;font-family:var(--font-serif)}.modal-subtitle{color:#fff9;margin-bottom:2rem;font-size:.95rem}.modal-form{width:100%;display:flex;flex-direction:column;gap:1.5rem}.input-field{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);padding:1rem;border-radius:12px;color:#fff;font-family:var(--font-main);font-size:1.1rem;text-align:center;transition:all .3s}.input-field:focus{border-color:var(--color-primary);background:#ffffff1a;outline:none}.submit-btn{width:100%;padding:1rem;border-radius:50px;background:#fff;color:#000;font-weight:600;font-size:1.1rem;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #fff3}.card-container{min-height:600px;width:100%;background:radial-gradient(circle at 10% 10%,#ffffffe6,#fff0 40%),radial-gradient(circle at 90% 90%,#94a3b833,#fff0 40%),linear-gradient(135deg,#fff1eb,#ace0f9);background:radial-gradient(circle at 50% 0%,#fffceb,#fff1f280),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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E"),linear-gradient(to bottom,#dbeafe,#f3e8ff);background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.6) 0%,transparent 40%),linear-gradient(160deg,#d4d4d8,#e2e8f0 40%,#94a3b8);background:radial-gradient(circle at 50% -20%,#fff,#fff0 60%),linear-gradient(180deg,#e2e8f0,#cbd5e1);background:url(https://img.freepik.com/free-vector/gradient-white-monochrome-background_23-2149001474.jpg?w=1380&t=st=1704975000~exp=1704975600~hmac=...);background:radial-gradient(circle at 10% 10%,rgba(255,255,255,1) 0%,transparent 50%),radial-gradient(circle at 90% 20%,rgba(253,224,71,.2) 0%,transparent 30%),linear-gradient(135deg,#eaddcf,#e2e8f0,#94a3b8);background:radial-gradient(circle at 50% -10%,#fff7e6,#fff7e600 65%),radial-gradient(circle at 100% 100%,rgba(71,85,105,.15) 0%,transparent 50%),linear-gradient(160deg,#fdfbf7,#e2e8f0 45%,#94a3b8);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 50px -10px #0000004d,inset 0 0 0 1px #fff9,inset 0 0 40px #ffffff80;margin-bottom:2rem;color:#334155}.card-container:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.1) 55%,transparent 100%);transform:rotate(30deg);pointer-events:none;mix-blend-mode:overlay}.card-texture{position:absolute;inset:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none}.card-frame{position:absolute;inset:16px;border:1px solid rgba(161,98,7,.2);border-radius:16px;pointer-events:none}.glow-decoration-1,.glow-decoration-2{position:absolute;width:150px;height:150px;border-radius:50%;filter:blur(40px);opacity:.4;background:#fff}.glow-decoration-1{top:10%;left:20%;background:#fef08a}.glow-decoration-2{bottom:20%;right:15%;background:#bfdbfe}.card-super-header{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#854d0e;margin-bottom:3rem;position:relative;z-index:10;font-weight:600;display:flex;align-items:center;gap:1rem}.card-super-header:before,.card-super-header:after{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,#ca8a04,transparent)}.card-heading{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2.5rem;z-index:10;position:relative}.bless-text{font-family:var(--font-serif);font-size:3rem;font-weight:400;font-style:italic;background:linear-gradient(to bottom,#ca8a04,#854d0e);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 1px rgba(255,255,255,.5);line-height:1.1}.name-text{font-family:var(--font-serif);font-size:5rem;font-weight:700;color:#475569;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.1);text-transform:capitalize}.divider-line{width:40px;height:2px;background:#a162074d;margin-bottom:2.5rem;z-index:10}.card-quote{font-family:var(--font-main);font-weight:400;font-size:1.2rem;line-height:1.6;opacity:1;z-index:10;max-width:85%;color:#525252;font-style:italic}.card-footer{margin-top:auto;padding-top:3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:#854d0e;font-weight:600;z-index:10}.action-row{display:flex;gap:1rem;justify-content:center;z-index:20}.btn-icon{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;border-radius:50px;font-weight:500;transition:all .3s ease;cursor:pointer;font-size:.95rem;font-family:var(--font-main)}.btn-primary{background:#fff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn-secondary{background:#b45309;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#92400e;border-color:#ffffff4d}.animate-pulse{animation:pulse 4s ease-in-out infinite}@media(max-width:600px){.modal-content{padding:1.5rem;width:95%;max-height:90vh;overflow-y:auto}.card-container{min-height:450px;padding:2rem 1rem}.card-super-header{font-size:.65rem;margin-bottom:2rem}.card-heading{margin-bottom:1.5rem}.bless-text{font-size:2.2rem}.name-text{word-break:break-all}.divider-line{margin-bottom:1.5rem}.card-quote{font-size:1rem;line-height:1.5}.card-footer{padding-top:2rem;font-size:.6rem}.modal-title{font-size:1.5rem}.submit-btn,.btn-icon{padding:.8rem 1.5rem;font-size:.9rem}}.hero-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2rem;z-index:10;width:100%;pointer-events:none}.hero-title{font-size:clamp(2.5rem,6vw,4rem);text-align:center;font-family:var(--font-serif);text-shadow:0 0 20px rgba(0,0,0,.5);line-height:1.1;color:#fff;padding:0 1rem}.hero-button{pointer-events:auto;padding:1.2rem 3rem;font-size:1.2rem;color:#fff;border-radius:50px;transition:all .3s;border:1px solid rgba(255,255,255,.3);white-space:nowrap}@media(max-width:600px){.hero-container{gap:1.5rem}.hero-title{font-size:2.5rem}.hero-button{padding:1rem 2rem;font-size:1rem;width:auto;min-width:160px}}