*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}@media (max-width: 768px){body{touch-action:manipulation;-webkit-overflow-scrolling:touch}}.app{height:100dvh;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{width:100%;max-width:800px;height:100%;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 20px #0000001a}.scrollable{overflow:auto}.info-area{padding:16px 24px;flex-shrink:0}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;min-height:32px}.info-content{text-align:center}.info-area-gatekeeper{background:#0f132b;color:#fff}.info-area-system{background:#f4f7ff;color:#080516;border-bottom:2px solid #00061f}.info-area h1{margin:0 0 6px;font-size:24px;font-weight:600;color:#001e3f}.info-area p{margin:0;opacity:.9;font-size:18px;color:#11005e;font-weight:700}.info-area-gatekeeper.info-area h1,.info-area-gatekeeper.info-area p{color:#f1f9ff}.take-my-money-section{margin-top:20px}.take-my-money-link{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#000;text-decoration:none;border-radius:25px;font-weight:700;font-size:16px;transition:all .3s ease;box-shadow:0 4px 15px #ee5a244d;border:2px solid transparent}.take-my-money-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ee5a2466;text-decoration:none;color:#fff}.take-my-money-link:active{transform:translateY(0)}.legal-links{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.legal-link{color:var(--accent-color);text-decoration:none;transition:color .2s ease;font-weight:500}.legal-link:hover{color:var(--accent-color-hover);text-decoration:underline}.legal-separator{color:var(--text-color-secondary);opacity:.6}.status-indicator{display:flex;align-items:center;gap:6px;font-size:12px}.status-dot{width:12px;height:12px;border-radius:50%;background-color:#4ade80;animation:pulse 2s infinite}.status-connected{background-color:#4ade80;animation:pulse 2s infinite}.status-connecting{background-color:#f59e0b;animation:blink 1s infinite}.status-error{background-color:#ef4444;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.navigation-actions{margin-top:.3em}.header-actions{display:flex;align-items:center;gap:12px}.help-button{width:32px;height:32px;border-radius:50%;border:1px solid #11005e;background-color:#fff;color:#07001c;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.help-button:hover{background-color:#11005e;color:#fff;border-color:#fff;transform:scale(1.05)}.help-button:active{transform:scale(.95)}.info-area .back-button{display:inline-block;padding:8px;font-weight:700;letter-spacing:1px;text-decoration:none;border-radius:6px;border:1px solid rgba(255,255,255,.2);font-size:12px;transition:all .2s ease}.info-area .back-button:hover{background-color:#fff3;color:#fff;text-decoration:none}.info-area-system .back-button{color:#fff;background-color:#11005e}.info-area-system .back-button:hover,.info-area-gatekeeper .back-button{background-color:#fff;color:#11005e}.info-area-gatekeeper .back-button:hover{color:#fff;background-color:#11005e}@media (max-width: 768px){.app{background-color:#fff}.container{box-shadow:none;border-radius:0}.info-area{padding:12px 16px}.info-header{margin-bottom:8px}.info-area h1{font-size:20px;margin-bottom:4px}.status-indicator{font-size:11px}.take-my-money-link{padding:14px 28px;font-size:18px}.legal-links{margin-top:12px;font-size:13px;flex-wrap:wrap}}.chat-area{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;scroll-behavior:smooth}.message{display:flex;margin-bottom:.5rem}.user-message{justify-content:flex-end}.other-message{justify-content:flex-start}.message-content{max-width:90%;padding:.75rem 1rem;border-radius:10px;display:flex;flex-direction:column;gap:.25rem;word-wrap:break-word;white-space:pre-wrap}.user-message .message-content{background:#007bff;color:#fff;border-bottom-right-radius:3px}.other-message .message-content{background:#f4f7ff;color:#080516;border:1px solid #e9ecef;border-bottom-left-radius:3px}.message-text{font-size:1.1rem;line-height:1.4;white-space:pre-wrap}.input-area{padding:1rem;position:relative}.input-container{display:flex;align-items:center;gap:.75rem;background:#181a1b;border-radius:28px;padding:.3rem;min-height:52px}.input-container.multiline{align-items:flex-end;border-radius:16px}.character-counter{position:absolute;bottom:4.5rem;right:1.3rem;font-size:.75rem;color:#adb5bd;background:#2a2d30;padding:.25rem .5rem;border-radius:10px;pointer-events:none;z-index:1;border:1px solid #495057;transition:color .2s ease,border-color .2s ease;min-width:1.5rem;text-align:center}.character-counter.warning{color:#ffc107;border-color:#ffc107}.character-counter.danger{color:#dc3545;border-color:#dc3545}.message-input{flex:1;border:none;background:transparent;resize:none;outline:none;font-size:1.1rem;line-height:1.4;padding:.5rem .75rem;min-height:22px;max-height:132px;font-family:inherit;overflow-y:auto;transition:height .1s ease;color:#f8f9fa}.message-input::placeholder{color:#adb5bd}.message-input::-webkit-scrollbar{width:3px}.message-input::-webkit-scrollbar-track{background:transparent}.message-input::-webkit-scrollbar-thumb{background-color:#b4b4b4;border-radius:1px}.message-input::-webkit-scrollbar-thumb:hover{background-color:#fff}.send-button{width:40px;height:40px;border-radius:50%;border:none;background:#007bff;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){background:#0056b3;transform:scale(1.05)}.send-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.send-button:active:not(:disabled){transform:scale(.95)}.retry-button{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:.375rem .75rem;font-size:.9rem;cursor:pointer;margin-top:.5rem;transition:background-color .2s}.retry-button:hover:not(:disabled){background:#c82333}.retry-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.message-content code{font-family:monospace;background:#0000000d;padding:2px 4px;border-radius:3px}@media (max-width: 768px){.message-content{max-width:95%}.message-text{font-weight:500}.message-input{font-weight:600}.input-area{padding:.75rem}.send-button{width:36px;height:36px}.chat-ended-content{font-size:1.1rem}}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#85898e;border-radius:2px}.messages-container::-webkit-scrollbar-thumb:hover{background:#35383a}.error-message .message-content{background:#f8d7da!important;color:#721c24!important;border:1px solid #f5c6cb}.error-message .message-text:before{content:"⚠️ ";margin-right:.5rem}.loading-message{background:#e9ecef;border:1px solid #dee2e6;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center}.loading-indicator{display:flex;align-items:center;gap:.5rem}.loading-dots{display:flex;gap:.25rem}.loading-dots span{width:6px;height:6px;background:#6c757d;border-radius:50%;animation:loading-pulse 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading-pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-spinner{display:flex;align-items:center;justify-content:center}.loading-spinner svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.send-button:disabled{opacity:.6;cursor:not-allowed}.handoff-message{justify-content:center;margin:1rem 0}.handoff-message .message-content{color:#fff;border:none;border-radius:16px;padding:1rem 1.5rem;max-width:90%;box-shadow:0 2px 6px #ebebeb;animation:handoff-appear .5s ease-out}.handoff-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;font-size:.9rem}.handoff-indicator svg{color:#28a745}.handoff-label{text-transform:uppercase;letter-spacing:.5px}.handoff-message .message-text{font-size:1.1rem;font-weight:500;line-height:1.5}@keyframes handoff-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-ended-notice{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1rem;margin:.5rem}.chat-ended-content{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#6c757d;font-weight:500;font-size:1.05rem}.chat-area.chat-ended .input-area{opacity:.6;pointer-events:none}.copy-button-container{position:relative;display:inline-flex;align-items:center}.copy-button{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease,background-color .2s ease,transform .1s ease;margin-left:.25rem;font-weight:700}.copy-button:hover{opacity:1;background-color:var(--hover-color, rgba(0, 0, 0, .1))}.copy-button:active{opacity:.8;transform:scale(.95)}.copy-button:focus{outline:none;box-shadow:0 0 0 2px #007bff80}.copy-button:disabled{opacity:.4;cursor:not-allowed}.copy-button:disabled:hover{background-color:transparent;transform:none}.copy-button-label{margin-left:.5em}.copied-tooltip{position:absolute;left:0%;top:-50%;padding:3px;z-index:1000;font-size:75%;border-radius:2px;background:#fff;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-50%) translate(-10px)}10%{opacity:1;transform:translateY(-50%) translate(0)}90%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-10px)}}.empty-state{text-align:center;padding:48px 24px;color:#6c757d}.empty-state h2{margin:0 0 16px;color:#495057}.empty-state p{margin:0 0 24px;font-size:16px;line-height:1.5}.create-first-button{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s ease}.create-first-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d;text-decoration:none;color:#fff}.gatekeepers-grid{padding:24px;display:grid;gap:24px}.gatekeeper-card{border:1px solid #e9ecef;border-radius:12px;padding:24px;background:#fff;box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.gatekeeper-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.gatekeeper-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.gatekeeper-card-header h3{margin:0;color:#495057;font-size:20px;font-weight:600;flex:1}.gatekeeper-title-link{margin:0;color:#003977;font-size:20px;font-weight:600;text-decoration:none;flex:1;transition:color .2s ease}.gatekeeper-title-link:hover{color:#0056b3}.gatekeeper-card-actions{display:flex}.view-details-button{padding:6px 12px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;transition:all .2s ease}.view-details-button:hover{background-color:#0056b3;text-decoration:none;color:#fff}.delete-button{padding:6px 8px;background:none;border:none;cursor:pointer;border-radius:4px;transition:all .2s ease;font-size:16px}.delete-button:hover{background-color:#f8d7da}.gatekeeper-description{color:#6c757d;line-height:1.5}.gatekeeper-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;flex-direction:row}.created-date{font-size:14px;color:#6c757d}.info-area .header-description{margin-bottom:.3em}@media (max-width: 768px){.gatekeeper-card-header{flex-direction:column;align-items:flex-start;gap:12px}}.loading-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;background:linear-gradient(135deg,#f0f2f5,#e8ebf0)}.loading-animation{display:flex;flex-direction:column;align-items:center;gap:32px}.loading-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;background:#0f132b;animation:pulse 1.5s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.loading-message{font-size:18px;font-weight:500;color:#0f132b;text-align:center;min-height:24px;animation:fadeInOut 2s ease-in-out infinite;max-width:300px;line-height:1.4}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width: 768px){.loading-content{padding:20px 16px}.loading-message{font-size:16px;max-width:250px}.loading-animation{gap:24px}}@media (hover: hover){.loading-dots:hover .dot{animation-duration:.8s}.loading-content:hover .loading-message{animation-duration:1.5s}}.message-submission{flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto}.handoff-recap{margin-bottom:32px}.handoff-recap h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#374151}.handoff-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;font-family:Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.5;color:#374151;white-space:pre-wrap;word-wrap:break-word}.handoff-form{display:flex;flex-direction:column;gap:20px}.form-help{font-size:12px;color:#6b7280;margin-top:4px}.submit-handoff-button{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.submit-handoff-button:hover:not(:disabled){background:#059669}.submit-handoff-button:disabled{background:#9ca3af;cursor:not-allowed}.message-submitted{flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto}.handoff-details{display:flex;flex-direction:column;gap:24px}.handoff-details h2{margin:0;font-size:24px;font-weight:600;color:#374151}.handoff-message{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;font-family:Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.5;color:#374151;white-space:pre-wrap;word-wrap:break-word}.gatekeeper-actions-header .home-button{background-color:#010230}.navigation-header{display:flex;align-items:center;gap:16px}.navigation-header h1{margin:0}.gatekeeper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:6px;flex-direction:column;align-items:flex-start}.gatekeeper-header h2{margin:0;color:#495057;font-size:28px;font-weight:600}.gatekeeper-description{color:#6c757d;line-height:1.5;margin:8px 0}.gatekeeper-credits{display:flex;align-items:flex-end;gap:8px;margin:8px 0}.credits-label{color:#495057;font-size:14px;font-weight:500}.credits-count{color:#155724;font-size:16px;font-weight:600}.buy-credits-button{margin-left:8px;padding:4px 8px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-size:12px;font-weight:500;transition:all .2s ease}.buy-credits-button:hover{background-color:#0056b3;transform:translateY(-1px);text-decoration:none;color:#fff}.gatekeeper-actions-header{display:flex;gap:12px;align-items:center;align-self:stretch;justify-content:flex-end}.gatekeeper-actions-header a,.gatekeeper-actions-header button{padding:10px 16px;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;display:inline-block;transition:all .2s ease}.gatekeeper-actions-header a:hover,.gatekeeper-actions-header button:hover{transform:translateY(-1px);text-decoration:none;color:#fff}.gatekeeper-actions-header a:active,.gatekeeper-actions-header button:active{transform:translateY(0)}.gatekeeper-actions-header .update-details-button{background-color:#141670}.gatekeeper-actions-header .update-prompt-button{background-color:#0d47a1}.gatekeeper-actions-header .visit-button{background-color:#002b1d}.gatekeeper-actions-header .delete-button{background-color:#2f0004}.details-grid{display:grid;gap:32px}.gatekeeper-details-container{padding:24px}.gatekeeper-details-container h3{margin:30px 0 8px;color:#495057;font-size:18px;font-weight:600}.key-container{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.key-display{flex:1;min-width:200px;padding:12px;background:#fff;border:1px solid #dee2e6;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;color:#495057;word-break:break-all}.toggle-button{padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.toggle-button:hover{background-color:#5a6268}.key-warning{margin-top:12px;color:#856404;background-color:#fff3cd;padding:12px;border-radius:6px;font-size:14px;border:1px solid #ffeaa7}.prompt-section{margin-top:8px}.prompt-container{margin-top:16px;position:relative}.prompt-display{background:#fff;border-left:2px #ccc solid;padding:16px;margin-bottom:12px;white-space:pre-wrap;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;color:#495057;max-height:300px;overflow-y:auto}.instructions-display,.welcome-display{margin-top:1em;border-left:2px #ccc solid;padding-left:5px;color:#222;white-space:pre-wrap}.loading{text-align:center;padding:48px;color:#6c757d;font-size:16px}.messages-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.messages-header h3{margin:0 0 1rem;color:#333;font-size:1.2rem;font-weight:600}.messages-loading,.messages-error,.messages-empty{padding:1rem;text-align:center;color:#666;font-style:italic}.messages-error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px}.messages-list{display:flex;flex-direction:column;gap:1rem}.message-item{padding:1rem;border:1px solid #e9ecef;border-radius:12px;background-color:#fafafa;border-color:#b3d9ff}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem}.message-timestamp{color:#6c757d;font-size:.8rem}.message-content{line-height:1.5;color:#333;word-wrap:break-word}.message-summary{margin-top:.75rem;padding:.5rem;background-color:#007bff1a;border-left:3px solid #007bff;border-radius:4px;font-size:.9rem}@media (max-width: 768px){.gatekeeper-header{flex-direction:column;align-items:flex-start}.gatekeeper-actions-header{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.gatekeeper-actions-header a,.gatekeeper-actions-header button{padding:12px 16px;font-size:14px;min-width:130px;text-align:center}.navigation-header{flex-direction:column;align-items:flex-start;gap:12px}.key-container{flex-direction:column;align-items:stretch}.key-display{min-width:auto}.messages-section{margin-top:1.5rem;padding-top:1rem}.message-item{padding:.75rem}.message-header{flex-direction:column;align-items:flex-start;gap:.25rem}.messages-header h3{font-size:1.1rem}.gatekeeper-credits{flex-wrap:wrap;gap:6px}.buy-credits-button{margin-left:0;padding:6px 12px;font-size:12px}}.wizard-step-hint{background:#f3f4f6;border-left:4px solid #6366f1;color:#4b5563;padding:12px 16px;border-radius:6px;font-size:14px;margin-top:4px;margin-bottom:4px;box-shadow:0 1px 2px #6366f10a}.wizard-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;flex-direction:row;gap:12px;justify-content:space-between;background:#fffffffa;padding:12px 16px 16px;box-shadow:0 -2px 12px #0000000f;border-top:1px solid #e5e7eb;min-height:64px;width:100vw}@media (min-width: 801px){.wizard-nav{left:50%;right:auto;transform:translate(-50%);width:100%;max-width:800px}}.wizard-nav .wizard-nav-spacer{flex:1 1 0}.wizard-nav .next-button,.wizard-nav .back-button{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:12px 18px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.wizard-nav .next-button:disabled,.wizard-nav .back-button:disabled{background:#e5e7eb;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}.wizard-nav .next-button:hover:not(:disabled),.wizard-nav .back-button:hover:not(:disabled){background:#e0e7ff;color:#3730a3;border-color:#6366f1}.wizard-nav .back-button{background:#f9fafb;color:#6366f1;border:1px solid #c7d2fe}.wizard-nav .back-button:hover:not(:disabled){background:#e0e7ff;color:#3730a3;border-color:#6366f1}.required{color:#dc2626;font-size:1em;margin-left:2px}.gatekeeper-actions-header .create-button{background-color:#000140}.gatekeeper-actions-header .share-button{background-color:#321500}@media (max-width: 768px){.wizard-step-hint{font-size:13px;padding:10px;border-radius:5px;margin-top:2px;margin-bottom:2px}.wizard-nav{padding:10px 8px 12px;gap:8px;min-height:56px}.wizard-nav .next-button,.wizard-nav .back-button{font-size:15px;padding:12px 0;min-width:44vw;max-width:100vw}}.gatekeeper-creation{flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto}.prompt-recap{margin-bottom:32px}.prompt-recap h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#374151}.prompt-display{background:#f9fafb;border-left:2px #ccc solid;padding:16px;font-family:Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.5;color:#374151;white-space:pre-wrap;word-wrap:break-word}.gatekeeper-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:#374151;font-size:14px}.form-group input,.form-group textarea{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:80px}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;font-size:14px}.create-gatekeeper-button{background:#6366f1;color:#fff;border:none;padding:12px 18px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.create-gatekeeper-button:hover:not(:disabled){background:#5048e5}.create-gatekeeper-button:disabled{background:#9ca3af;cursor:not-allowed}.gatekeeper-created{flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto}.gatekeeper-details{display:flex;flex-direction:column;gap:24px}.gatekeeper-details h2{margin:0;font-size:24px;font-weight:600;color:#374151}.gatekeeper-details>p{margin:0;color:#6b7280;font-size:16px}.link-container{display:flex;gap:8px;align-items:center}.gatekeeper-link-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#f9fafb;font-family:Monaco,Consolas,Courier New,monospace}.key-value{flex:1;display:block;padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-family:Monaco,Consolas,Courier New,monospace;font-size:12px;color:#374151;word-break:break-all}.gatekeeper-link-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-top:16px}.gatekeeper-link-info h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#1e293b}.link-explanation{font-size:16px;color:#475569;margin:0 0 16px;line-height:1.5}.link-explanation strong{color:#1e293b;font-weight:600;font-size:18px}.copy-full-link{background:#11005e;color:#fff;padding:5px 8px;border-radius:6px}@media (max-width: 768px){.gatekeeper-link-info{padding:16px;margin-top:12px}.gatekeeper-link-info h3{font-size:18px}.link-explanation{font-size:15px}.link-explanation strong{font-size:16px}.full-link code{font-size:13px}}.input-hint{display:block;font-size:13px;color:#6b7280;margin-top:4px;margin-bottom:2px;padding-left:2px;line-height:1.5;background:none;font-style:italic;letter-spacing:.01em}.take-my-money-content{flex:1;padding:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.take-my-money-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 8px 32px #0000001a;max-width:500px;width:100%;text-align:center}.money-icon,.success-icon{font-size:64px;margin-bottom:24px;display:block}.billing-info h2,.success-message h2{color:#11005e;font-size:28px;font-weight:700;margin:0 0 16px}.billing-info p,.success-message p{color:#666;font-size:16px;line-height:1.6;margin:0 0 24px}.email-form{margin:32px 0}.form-group{margin-bottom:24px;text-align:left}.form-group label{display:block;color:#11005e;font-weight:600;margin-bottom:8px;font-size:16px}.form-group input{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#11005e;box-shadow:0 0 0 3px #11005e1a}.form-group input:disabled{background-color:#f8f9fa;color:#666;cursor:not-allowed}.cta-button{display:inline-block;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;min-width:200px;margin:8px}.cta-button.primary{background:linear-gradient(135deg,#11005e,#1e3a8a);color:#fff}.cta-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #11005e4d}.cta-button.primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.cta-button.secondary{background:#f8f9fa;color:#11005e;border:2px solid #11005e}.cta-button.secondary:hover{background:#11005e;color:#fff;text-decoration:none;transform:translateY(-2px)}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin:16px 0;font-size:14px}.success-message{padding:20px 0}.additional-info{margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.additional-info small{color:#888;font-size:14px;line-height:1.5}@media (max-width: 768px){.take-my-money-content{padding:32px 16px 16px;align-items:flex-start}.take-my-money-card{padding:24px;margin:0}.money-icon,.success-icon{font-size:48px;margin-bottom:16px}.billing-info h2,.success-message h2{font-size:24px}.form-group input{padding:14px}.cta-button{width:100%;margin:8px 0}}.info-area-gatekeeper~.take-my-money-content{background:linear-gradient(135deg,#1a1a2e,#16213e)}.info-area-gatekeeper~.take-my-money-content .take-my-money-card{background:#0f132b;color:#fff}.info-area-gatekeeper~.take-my-money-content .billing-info h2,.info-area-gatekeeper~.take-my-money-content .success-message h2{color:#f1f9ff}.info-area-gatekeeper~.take-my-money-content .billing-info p,.info-area-gatekeeper~.take-my-money-content .success-message p{color:#cbd5e1}.info-area-gatekeeper~.take-my-money-content .form-group label{color:#f1f9ff}.info-area-gatekeeper~.take-my-money-content .form-group input{background:#1e293b;border-color:#334155;color:#fff}.info-area-gatekeeper~.take-my-money-content .form-group input:focus{border-color:#f1f9ff;box-shadow:0 0 0 3px #f1f9ff1a}.info-area-gatekeeper~.take-my-money-content .additional-info{border-top-color:#334155}.info-area-gatekeeper~.take-my-money-content .additional-info small{color:#94a3b8}.legal-header{text-align:center}.back-link{display:inline-flex;align-items:center;color:var(--accent-color);text-decoration:none;font-weight:500;margin-bottom:2rem;transition:color .2s ease;background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer;padding:0}.back-link:hover{color:var(--accent-color-hover)}.legal-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-color)}.last-updated{color:var(--text-color-secondary);font-size:.9rem;margin:0}.legal-content{text-align:left;padding:2rem}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--text-color);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.legal-content h3{font-size:1.2rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--text-color)}.legal-content p{margin:0 0 1rem;color:var(--text-color-secondary)}.legal-content ul{margin:1rem 0;padding-left:1.5rem}.legal-content li{margin-bottom:.5rem;color:var(--text-color-secondary)}.legal-content strong{color:var(--text-color);font-weight:600}.inline-link{color:var(--accent-color);text-decoration:none;font-weight:500;transition:color .2s ease}.inline-link:hover{color:var(--accent-color-hover);text-decoration:underline}@media (max-width: 768px){.legal-header h1{font-size:2rem}.legal-content h2{font-size:1.3rem}.legal-content h3{font-size:1.1rem}.back-link{font-size:.9rem}}