@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=DM+Sans:wght@300;400;500&display=swap";.landing-page{width:100%;min-height:100vh;background-color:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;animation:fadeInPage 1s ease-in-out;font-family:DM Sans,sans-serif}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}.flame-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:60px;height:160px;width:120px}.flame-svg{position:relative;z-index:2;filter:drop-shadow(0 0 20px rgba(232,196,154,.4))}.flame-path{animation:flameFlicker 3s ease-in-out infinite}.flame-inner{animation:flameFlickerInner 3s ease-in-out infinite}@keyframes flameFlicker{0%{transform:scaleY(.95) scaleX(.98);opacity:.95}25%{transform:scaleY(1.05) scaleX(.97);opacity:1}50%{transform:scaleY(.98) scaleX(1.02);opacity:.93}75%{transform:scaleY(1.03) scaleX(.99);opacity:.98}to{transform:scaleY(.95) scaleX(.98);opacity:.95}}@keyframes flameFlickerInner{0%{opacity:.35;transform:scaleY(.93) scaleX(.96)}25%{opacity:.42;transform:scaleY(1.07) scaleX(.98)}50%{opacity:.38;transform:scaleY(.96) scaleX(1.04)}75%{opacity:.44;transform:scaleY(1.05) scaleX(1.01)}to{opacity:.35;transform:scaleY(.93) scaleX(.96)}}.flame-glow{position:absolute;width:160px;height:160px;background:radial-gradient(circle,rgba(232,196,154,.25) 0%,rgba(212,165,116,.1) 40%,transparent 70%);border-radius:50%;z-index:1;filter:blur(25px);animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%{box-shadow:0 0 40px #e8c49a4d}50%{box-shadow:0 0 60px #e8c49a80}to{box-shadow:0 0 40px #e8c49a4d}}.pilot-light-heading{font-family:Cormorant Garamond,Georgia,serif;font-size:4.5rem;font-weight:300;color:#f5f0eb;margin:0 0 20px;letter-spacing:.2em;text-align:center;animation:fadeInDown 1s ease-in-out .2s both}.tagline{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:300;color:#a39e94;margin:0 0 80px;letter-spacing:.08em;text-align:center;animation:fadeInUp 1s ease-in-out .3s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-content{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;max-width:500px;animation:fadeInContent 1s ease-in-out .4s both}@keyframes fadeInContent{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.enter-button{background:transparent;border:1px solid #d4a574;color:#d4a574;padding:16px 48px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}.enter-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(212,165,116,.2) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.enter-button:hover{border-color:#e8c49a;color:#e8c49a;box-shadow:0 0 20px #e8c49a66,inset 0 0 20px #e8c49a1a}.enter-button:hover:before{opacity:1}.enter-button:active{transform:scale(.98)}.auth-form-container{width:100%;display:flex;flex-direction:column;align-items:center;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.auth-mode-toggle{display:flex;gap:20px;margin-bottom:40px;justify-content:center}.toggle-btn{background:transparent;border:none;color:#a39e94;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:400;letter-spacing:.08em;cursor:pointer;padding:8px 16px;text-transform:uppercase;position:relative;transition:color .3s ease}.toggle-btn:after{content:"";position:absolute;bottom:-8px;left:50%;width:0;height:1px;background:#d4a574;transform:translate(-50%);transition:width .3s ease}.toggle-btn.active{color:#f5f0eb}.toggle-btn.active:after{width:80%}.toggle-btn:hover{color:#d4a574}.auth-form{width:100%;display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:400;color:#a39e94;letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group select{background-color:transparent;border:1px solid rgba(212,165,116,.2);color:#f5f0eb;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:.95rem;transition:all .3s ease;border-radius:2px}.form-group input::placeholder{color:#5a574f}.form-group input:focus,.form-group select:focus{outline:none;border-color:#d4a574;box-shadow:0 0 12px #d4a57440}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4a574' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%}.password-toggle{position:absolute;right:14px;background:none;border:none;color:#a39e94;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle:hover{color:#d4a574}.submit-button{background:linear-gradient(135deg,#d4a574,#b8860b);border:none;color:#0a0a0a;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;margin-top:16px;border-radius:2px}.submit-button:hover:not(:disabled){box-shadow:0 0 20px #d4a57480;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.forgot-password-link{background:none;border:none;color:#8b7f77;font-family:DM Sans,sans-serif;font-size:.85rem;cursor:pointer;text-decoration:none;transition:color .3s ease;padding:4px 0;margin-top:8px}.forgot-password-link:hover{color:#d4a574}.back-button{background:none;border:none;color:#8b7f77;font-family:DM Sans,sans-serif;font-size:.9rem;cursor:pointer;transition:color .3s ease;padding:8px 0;margin-top:24px}.back-button:hover{color:#d4a574}.error-message{color:#ff6b6b;font-family:DM Sans,sans-serif;font-size:.85rem;text-align:center;padding:12px 16px;background-color:#ff6b6b14;border:1px solid rgba(255,107,107,.2);border-radius:2px;margin-bottom:16px;animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media (max-width: 640px){.pilot-light-heading{font-size:3rem}.tagline{font-size:.85rem;margin-bottom:60px}.auth-form-container{padding:0 20px}.form-group input,.form-group select{font-size:16px}}@media (max-width: 480px){.landing-page{padding:20px 16px}.pilot-light-heading{font-size:2.5rem;margin-bottom:16px}.tagline{font-size:.8rem;margin-bottom:50px}.flame-container{margin-bottom:50px}.auth-mode-toggle{gap:16px}.toggle-btn{font-size:.85rem}.enter-button{padding:14px 40px;font-size:.85rem}}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw;background:#0a0a0a;color:#f5f0eb}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#d4a57433;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4a57466}::selection{background:#d4a5744d;color:#f5f0eb}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlow{0%{opacity:0}to{opacity:1}}@keyframes warmGlow{0%,to{opacity:.6}50%{opacity:1}}a{color:#d4a574;text-decoration:none}a:hover{color:#e8c49a}input::placeholder,textarea::placeholder{color:#f5f0eb4d}select option{background:#1a1a1a;color:#f5f0eb}@media (max-width: 768px){.creator-portal-header{flex-direction:column!important;gap:1rem!important;align-items:stretch!important}}@media (max-width: 600px){.video-modal-window{left:0!important;top:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;border-radius:0!important;border:none!important}}@media (max-width: 480px){.creator-portal-tabs>button{flex:1 1 100%!important}}
