:root{--fibonacci:#112358;--cobalt:#3c6098;--mist:#bfc8d8;--patience:#e6ddd6;--silver:#fbf5f0;--aegean:#e48b59}*,:before,:after{box-sizing:border-box}body{background:var(--mist);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;color:var(--fibonacci);margin:0;font-family:Heebo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#root{width:100%}.screen-wrapper{z-index:10;justify-content:center;align-items:flex-start;min-height:100vh;padding:60px 16px;display:flex;position:relative}.screen-wrapper-center{align-items:center}.loading-card{max-width:480px}.share-section{text-align:center;margin-top:28px}.share-label{color:var(--cobalt);margin-bottom:12px;font-size:14px;font-weight:500}.btn-whatsapp{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.btn-whatsapp:hover{background:#1da851}.card{-webkit-backdrop-filter:blur(24px);text-align:center;background:#fbf5f04d;border:1px solid #fbf5f066;border-radius:22px;width:100%;max-width:640px;margin:0 auto;padding:48px 40px;box-shadow:0 8px 32px #1123580f}.logo{width:80px;margin-bottom:16px;margin-left:auto;margin-right:auto;display:block}.step-badge{border:2px solid var(--cobalt);color:var(--cobalt);border-radius:20px;margin-bottom:12px;padding:4px 20px;font-size:14px;font-weight:500;display:inline-block}h1{color:var(--fibonacci);margin:8px 0;font-size:28px;font-weight:700}.subtitle{color:var(--cobalt);margin-bottom:20px;font-size:15px;line-height:1.5}.step-dots{justify-content:center;gap:8px;margin-bottom:32px;display:flex}.step-dot{background:#ddd;border-radius:50%;width:10px;height:10px;transition:background .2s}.step-dot.active{background:var(--cobalt)}.form-group{text-align:right;margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}input,textarea{box-sizing:border-box;direction:rtl;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--cobalt)}textarea{resize:vertical;min-height:120px}.char-count{color:#888;justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.btn-primary{background:var(--aegean);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:600;transition:background .2s}.btn-primary:hover{background:#c47040}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;transition:border-color .2s;display:flex}.btn-secondary:hover{border-color:#bbb}.button-row{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.button-row .btn-primary{width:auto;padding:14px 32px}.upload-section{text-align:right;margin-bottom:24px}.upload-section-label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.upload-zone{text-align:center;cursor:pointer;border:2px dashed #ccc;border-radius:12px;padding:32px;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--cobalt);background:#3c60980d}.upload-icon{background:#3c60981a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.upload-icon svg{width:24px;height:24px;color:var(--cobalt)}.upload-text{color:#666;margin-bottom:12px;font-size:14px}.upload-btn{background:var(--cobalt);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.upload-btn:hover{background:var(--fibonacci)}.upload-hint{color:#999;margin-top:8px;font-size:12px}.upload-preview{margin-top:12px}.upload-preview img{object-fit:cover;border-radius:8px;max-width:120px;max-height:120px}.upload-preview .file-name{color:#333;margin-top:4px;font-size:13px}@keyframes pulse-logo{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.loading-logo{width:100px;margin-bottom:24px;animation:1.5s ease-in-out infinite pulse-logo}.progress-bar{background:#e0e0e0;border-radius:3px;width:100%;height:6px;margin-top:24px;overflow:hidden}.progress-fill{background:var(--cobalt);border-radius:3px;height:100%;transition:width .3s}.loading-hint{color:#888;margin-top:16px;font-size:13px}.result-buttons{flex-direction:column;gap:12px;margin-top:24px;display:flex}.btn-outlined{width:100%;color:var(--cobalt);border:2px solid var(--cobalt);cursor:pointer;text-align:center;background:#fff;border-radius:8px;padding:14px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn-outlined:hover{background:#3c609814}.btn-ghost{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:14px;font-family:inherit;font-size:15px;transition:color .2s}.btn-ghost:hover{color:#333}.btn-white{width:100%;color:var(--fibonacci);cursor:pointer;background:#fff;border:1px solid #1123581f;border-radius:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:500;transition:background .2s,border-color .2s}.btn-white:hover{background:var(--silver);border-color:#11235833}.success-icon{background:#3c60981a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.success-icon svg{width:32px;height:32px;color:var(--cobalt)}@media (width<=680px){body{padding-top:24px;padding-bottom:24px}.card{padding:32px 20px}.button-row{flex-direction:column-reverse;gap:12px}.button-row .btn-primary{width:100%}.button-row .btn-secondary{justify-content:center;width:100%}}.donate-body{color:#444;margin-bottom:28px;font-size:16px;line-height:1.8}.donate-buttons{flex-direction:column;gap:12px;display:flex}.donate-card{max-width:800px;padding:24px}.donation-frame-container{border:1px solid #e0e0e0;border-radius:12px;width:100%;overflow:hidden}.donation-iframe{border:none;width:100%;height:600px;display:block}.gradient-background{z-index:0;background:linear-gradient(170deg, var(--mist) 0%, #b4bdcf 40%, var(--mist) 100%);position:fixed;inset:0;overflow:hidden}.gradient-sphere{filter:blur(60px);border-radius:50%;transition:transform .3s ease-out;position:absolute}.sphere-1{background:linear-gradient(40deg,#e48b598c,#e6ddd64d);width:40vw;height:40vw;animation:15s ease-in-out infinite alternate float-1;top:-10%;left:-10%}.sphere-2{background:linear-gradient(240deg,#3c609880,#11235833);width:45vw;height:45vw;animation:18s ease-in-out infinite alternate float-2;bottom:-20%;right:-10%}.sphere-3{background:linear-gradient(120deg,#e48b5940,#3c609826);width:30vw;height:30vw;animation:20s ease-in-out infinite alternate float-3;top:60%;left:20%}.glow{z-index:2;filter:blur(30px);background:radial-gradient(circle,#3c60981a,#0000 70%);width:40vw;height:40vh;animation:8s infinite alternate pulse-bg;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-overlay{z-index:2;background-image:linear-gradient(90deg,#1123580d 1px,#0000 1px),linear-gradient(#1123580d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.noise-overlay{opacity:.035;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.particles-container{z-index:4;pointer-events:none;position:fixed;inset:0}.particle{background:var(--silver);opacity:0;pointer-events:none;border-radius:50%;position:absolute}@keyframes float-1{0%{transform:translate(0)scale(1)}to{transform:translate(10%,10%)scale(1.1)}}@keyframes float-2{0%{transform:translate(0)scale(1)}to{transform:translate(-10%,-5%)scale(1.15)}}@keyframes float-3{0%{opacity:.3;transform:translate(0)scale(1)}to{opacity:.6;transform:translate(-5%,10%)scale(1.05)}}@keyframes pulse-bg{0%{opacity:.3;transform:translate(-50%,-50%)scale(.9)}to{opacity:.7;transform:translate(-50%,-50%)scale(1.1)}}.hero-section{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:85vh;padding:0 24px;display:flex;position:relative}.hero-logo{width:80px;margin-bottom:32px;animation:.8s .1s both fadeIn}.pre-title{color:var(--cobalt);opacity:.55;letter-spacing:5px;margin-bottom:20px;font-size:18px;font-weight:500;animation:.8s .3s both fadeIn}.main-title{color:var(--fibonacci);text-shadow:0 4px 40px #1123581a;max-width:700px;margin:0;font-size:64px;font-weight:900;line-height:1.05;animation:1.2s cubic-bezier(.16,1,.3,1) .5s both heroReveal}.hero-sub{color:var(--cobalt);opacity:.6;margin-top:20px;font-size:20px;font-weight:300;animation:1s 1s both fadeIn}.scroll-hint{animation:1s 1.5s both fadeIn;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-arrow{border-left:2px solid var(--fibonacci);border-bottom:2px solid var(--fibonacci);width:24px;height:24px;animation:2s ease-in-out 2s infinite bounce;transform:rotate(-45deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes heroReveal{0%{opacity:0;filter:blur(8px);transform:translateY(30px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes bounce{0%,to{opacity:.4;transform:rotate(-45deg)translateY(0)}50%{opacity:.8;transform:rotate(-45deg)translateY(6px)}}.card-section{z-index:10;justify-content:center;padding:0 16px 60px;display:flex;position:relative}.glass-card{-webkit-backdrop-filter:blur(24px);opacity:0;background:#fbf5f04d;border:1px solid #fbf5f066;border-radius:22px;width:100%;max-width:620px;padding:36px 32px;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px);box-shadow:0 8px 32px #1123580f}.glass-card.visible{opacity:1;transform:translateY(0)}.boxes-row{gap:14px;margin-bottom:28px;display:flex}.info-box{text-align:center;background:#fbf5f059;border:1px solid #fbf5f080;border-radius:14px;flex:1;padding:22px 14px 18px;transition:transform .2s,box-shadow .2s}.info-box:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1123580f}.icon-wrap{justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 10px;display:flex}.icon-wrap svg{width:30px;height:30px;stroke:var(--cobalt);fill:none;opacity:.65;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.box-text{color:var(--fibonacci);opacity:.8;font-size:14px;font-weight:500;line-height:1.5}.divider{background:#1123581f;width:60px;height:1px;margin:0 auto 24px}.body-text{color:var(--fibonacci);opacity:.55;text-align:right;white-space:pre-line;margin-bottom:28px;font-size:15px;line-height:1.85}.btn-secondary-outline{width:100%;color:var(--fibonacci);cursor:pointer;background:0 0;border:1.5px solid #1123582e;border-radius:12px;padding:14px;font-family:inherit;font-size:16px;font-weight:600;transition:background .2s,border-color .2s}.btn-secondary-outline:hover{background:#fbf5f04d;border-color:#1123584d}@media (width<=680px){.hero-section{min-height:80vh;padding:60px 24px 40px}.hero-logo{width:64px;margin-bottom:20px}.main-title{font-size:40px}.hero-sub{margin-top:12px;font-size:17px}.pre-title{letter-spacing:3px;margin-bottom:12px;font-size:15px}.scroll-hint{margin-top:32px;position:relative;bottom:auto;left:auto;transform:none}.glass-card{padding:24px 18px}.boxes-row{flex-direction:column;gap:10px}}