:root{--bg-color:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--primary:#007aff;--primary-hover:#0062cc;--border-color:#e2e8f0;--card-bg:#fff}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}#root{width:100%;min-height:100vh}.app-container{flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.header{margin-bottom:32px}.logo{max-width:260px;height:auto}.banner-container{border:4px solid var(--card-bg);border-radius:24px;width:100%;max-width:580px;margin-bottom:32px;overflow:hidden;box-shadow:0 20px 40px -12px #0f172a14}.banner-image{object-fit:cover;width:100%;display:block}.main-content{flex-direction:column;align-items:center;width:100%;display:flex}.title{text-align:center;color:var(--text-main);letter-spacing:-.5px;margin:0 0 10px;font-size:36px;font-weight:800}.subtitle{color:var(--text-muted);text-align:center;margin:0 0 36px;font-size:17px;font-weight:500}.form-section{flex-direction:column;align-items:center;width:100%;max-width:580px;display:flex}.form-card{background:var(--card-bg);border-radius:32px;width:100%;padding:48px;box-shadow:0 24px 48px -12px #0f172a0f,0 4px 16px -4px #0f172a0a}.form-group{text-align:left;flex-direction:column;margin-bottom:24px;display:flex}.form-group label{color:var(--text-main);letter-spacing:.2px;margin-bottom:10px;font-size:14.5px;font-weight:700}.required{color:#f43f5e}.input-wrapper{align-items:center;transition:color .3s;display:flex;position:relative}.input-wrapper .icon{color:#94a3b8;pointer-events:none;align-items:center;transition:color .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;left:20px}.input-wrapper:focus-within .icon{color:var(--primary)}.input-wrapper input,.input-wrapper select{width:100%;color:var(--text-main);appearance:none;background-color:#f8fafc;border:2px solid #0000;border-radius:16px;outline:none;padding:16px 20px 16px 54px;font-family:inherit;font-size:16px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.input-wrapper select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;background-size:18px}.input-wrapper input::placeholder,.input-wrapper select.empty{color:#94a3b8;font-weight:400}.input-wrapper input:focus,.input-wrapper select:focus{border-color:var(--primary);background-color:var(--card-bg);box-shadow:0 0 0 4px #007aff26}.medium-toggle{gap:12px;width:100%;display:flex}.toggle-btn{color:#000;cursor:pointer;background-color:#f8fafc;border:2px solid #0000;border-radius:16px;flex:1;padding:16px;font-family:inherit;font-size:16px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.toggle-btn:hover{color:#000;background-color:#f1f5f9}.toggle-btn.active{border-color:var(--primary);color:var(--primary);background-color:#007aff14;box-shadow:0 0 0 4px #007aff26}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007aff 0%,#0056e0 100%);border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:16px;padding:18px;font-family:inherit;font-size:17px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #007aff40}.submit-btn:hover{background:linear-gradient(135deg,#0084ff 0%,#0060f0 100%);transform:translateY(-2px);box-shadow:0 12px 32px #007aff59}.submit-btn:active{transform:translateY(0);box-shadow:0 4px 16px #007aff33}@media (width<=640px){.app-container{padding:24px 16px}.form-card{border-radius:24px;padding:32px 24px}.title{font-size:28px}.banner-container{border-width:3px;border-radius:20px}}