*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--coral: #FF6B35;--coral-dark: #E55A26;--coral-light:#FFF0EA;--sky: #0EA5E9;--sky-light: #E0F4FD;--amber: #F59E0B;--amber-light:#FFFBEB;--navy: #1A1A2E;--navy-mid: #2D2D44;--cream: #FFF8F2;--cream-dark: #F5EDE4;--mint: #D1FAE5;--gray: #6B7280;--gray-light: #F3F4F6;--white: #FFFFFF;--success: #10B981;--error: #EF4444;--font-display: "Nunito", sans-serif;--font-body: "Lato", sans-serif;--shadow-sm: 0 1px 3px rgba(26,26,46,.08);--shadow-md: 0 4px 16px rgba(26,26,46,.12);--shadow-lg: 0 8px 32px rgba(26,26,46,.16);--shadow-xl: 0 16px 48px rgba(26,26,46,.2);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px}html,body{height:100%;font-family:var(--font-body);background:var(--cream);color:var(--navy);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;position:relative;overflow:hidden}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(255,107,53,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(14,165,233,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(245,158,11,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:48px 44px;width:100%;max-width:480px;position:relative;z-index:1;animation:cardIn .5s cubic-bezier(.22,1,.36,1) both}.card-wide{max-width:580px}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.brand{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.brand-mark{width:56px;height:56px;background:linear-gradient(135deg,var(--coral),var(--amber));border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:22px;color:#fff;margin-bottom:12px;box-shadow:0 4px 16px #ff6b3559}.brand-name{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--navy);letter-spacing:-.3px}.brand-sub{font-size:12px;color:var(--gray);font-weight:400;margin-top:2px;letter-spacing:.5px;text-transform:uppercase}.heading{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--navy);letter-spacing:-.5px;line-height:1.2;margin-bottom:8px}.subheading{font-size:15px;color:var(--gray);line-height:1.6;margin-bottom:28px}.field{margin-bottom:20px}.field label{display:block;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--navy);margin-bottom:7px;letter-spacing:.3px;text-transform:uppercase}.field input{width:100%;padding:14px 16px;border:2px solid var(--cream-dark);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:16px;color:var(--navy);background:var(--cream);transition:border-color .2s,box-shadow .2s,background .2s;outline:none}.field input:focus{border-color:var(--coral);background:var(--white);box-shadow:0 0 0 4px #ff6b351f}.field input::placeholder{color:#b0a89e}.field input.code-input{text-align:center;letter-spacing:10px;font-size:28px;font-family:var(--font-display);font-weight:700;padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 24px;border:none;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:700;font-size:16px;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--coral),#FF8C5A);color:#fff;box-shadow:0 4px 16px #ff6b354d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--coral-dark),var(--coral));box-shadow:0 6px 20px #ff6b3566;transform:translateY(-1px)}.btn-secondary{background:var(--cream);color:var(--navy);border:2px solid var(--cream-dark)}.btn-secondary:hover:not(:disabled){background:var(--cream-dark);transform:translateY(-1px)}.btn-sky{background:linear-gradient(135deg,var(--sky),#38BDF8);color:#fff;box-shadow:0 4px 16px #0ea5e947}.btn-sky:hover:not(:disabled){box-shadow:0 6px 20px #0ea5e961;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success),#34D399);color:#fff;box-shadow:0 4px 16px #10b98147}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98161;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-sm{width:auto;padding:9px 18px;font-size:14px}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--gray);font-size:12px;text-transform:uppercase;letter-spacing:1px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--cream-dark)}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;line-height:1.5;margin-bottom:20px;animation:fadeIn .3s ease both}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA}.alert-success{background:var(--mint);color:#065f46;border:1px solid #6EE7B7}.alert-info{background:var(--sky-light);color:#0369a1;border:1px solid #BAE6FD}.alert-amber{background:var(--amber-light);color:#92400e;border:1px solid #FDE68A}.link{color:var(--coral);font-weight:600;cursor:pointer;background:none;border:none;font-size:inherit;font-family:inherit;text-decoration:underline;text-underline-offset:3px;padding:0}.link:hover{color:var(--coral-dark)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700;font-family:var(--font-display);letter-spacing:.3px}.badge-coral{background:var(--coral-light);color:var(--coral-dark)}.badge-sky{background:var(--sky-light);color:#0369a1}.badge-amber{background:var(--amber-light);color:#92400e}.badge-green{background:var(--mint);color:#065f46}.zelle-box{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #6EE7B7;border-radius:var(--radius-md);padding:20px 22px;margin:20px 0}.zelle-box h4{font-family:var(--font-display);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#065f46;margin-bottom:10px}.zelle-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;border-bottom:1px solid rgba(110,231,183,.3)}.zelle-row:last-child{border-bottom:none}.zelle-row span:first-child{color:var(--gray);font-weight:400}.zelle-row span:last-child{font-weight:700;color:var(--navy)}.ref-code{background:var(--navy);color:#fff;font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:4px;text-align:center;padding:16px;border-radius:var(--radius-sm);margin:12px 0}.amount-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.amount-btn{padding:18px 12px;border:2px solid var(--cream-dark);border-radius:var(--radius-md);background:var(--white);font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--navy);cursor:pointer;transition:all .2s;text-align:center}.amount-btn:hover{border-color:var(--coral);background:var(--coral-light);color:var(--coral-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.amount-btn.selected{border-color:var(--coral);background:var(--coral-light);color:var(--coral-dark);box-shadow:0 0 0 4px #ff6b3526}.amount-label{display:block;font-size:11px;font-weight:600;color:var(--gray);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.teaser-section{background:linear-gradient(135deg,var(--coral-light),var(--amber-light));border-radius:var(--radius-md);padding:22px;margin:20px 0;position:relative;overflow:hidden}.teaser-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,rgba(255,240,234,.95));pointer-events:none}.teaser-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:14px;line-height:1.5;color:var(--navy)}.teaser-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--coral);margin-top:5px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.download-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;border-radius:var(--radius-md);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:15px;transition:all .2s;border:2px solid transparent}.download-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.download-card-pdf{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fecaca}.download-card-pdf:hover{border-color:#ef4444}.download-card-word{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#bfdbfe}.download-card-word:hover{border-color:#3b82f6}.download-icon{font-size:32px}.spinner{width:28px;height:28px;border:3px solid var(--cream-dark);border-top-color:var(--coral);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease both}.portal-footer{text-align:center;font-size:12px;color:var(--gray);margin-top:20px;position:relative;z-index:1}.confetti-wrap{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999}