@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Noto+Serif:wght@400;600&family=Noto+Serif+TC:wght@400;600&display=swap";:root{--page-bg:#fafaf8;--panel:#fff;--panel-subtle:#f7f6f3;--border-soft:#e2dfd9;--accent-gold:#c89b3c;--accent-navy:#1a3a5c;--accent-red:#c0392b;--accent-green:#2c6e49;--ink:#1a1a18;--text-muted:#6b6860;--placeholder:#aeaba4;--font-sans:"DM Sans", sans-serif;--font-serif:"Noto Serif", serif;--font-serif-tc:"Noto Serif TC", serif;color:var(--ink);background:radial-gradient(circle at top left, #c89b3c1f, transparent 28rem), linear-gradient(180deg, #fcfcfa 0%, var(--page-bg) 32%);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}body,input,select,button{font-family:var(--font-sans)}button,input,select{letter-spacing:.01em}#root{min-height:100vh}.navbar{z-index:1;padding:1.25rem 1.5rem 0;position:relative}.navbar__inner{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border-radius:1rem;align-items:center;gap:1rem;width:min(100%,72rem);margin:0 auto;padding:1.1rem 1.25rem;display:flex;box-shadow:0 16px 32px #1a1a180d}.navbar__mark{background:var(--accent-navy);border-radius:.75rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.navbar__mark span{background:var(--accent-gold);width:.55rem;height:.55rem;transform:rotate(45deg)}.navbar__copy{min-width:0}.navbar__title,.navbar__subtitle{margin:0}.navbar__title{font-family:var(--font-serif-tc);color:var(--ink);font-size:1rem;font-weight:600}.navbar__subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.dropdown-selector{position:relative}.dropdown-selector__trigger{border:1px solid var(--border-soft);background:linear-gradient(180deg, var(--panel-subtle) 0%, #f3f1ec 100%);width:100%;min-height:2.75rem;color:var(--ink);font:inherit;letter-spacing:.01em;text-align:left;cursor:pointer;border-radius:.5rem;padding:.75rem 2.75rem .75rem .9rem;transition:border-color .14s,box-shadow .14s,background-color .14s;box-shadow:inset 0 1px #fffc}.dropdown-selector__trigger:hover{border-color:color-mix(in srgb, var(--accent-gold) 35%, var(--border-soft));background:linear-gradient(#fbfaf6 0%,#f4f1ea 100%)}.dropdown-selector__trigger:focus{border-color:var(--accent-navy);background:var(--panel);outline:none;box-shadow:0 0 0 3px #1a3a5c1a,inset 0 1px #ffffffeb}.dropdown-selector__trigger:focus-visible{outline:2px solid var(--accent-navy);outline-offset:3px}.dropdown-selector__value{line-height:1.25rem;display:block}.dropdown-selector__value--placeholder{color:var(--text-muted)}.dropdown-selector__chevron{color:var(--text-muted);pointer-events:none;place-items:center;transition:color .14s,transform .14s;display:grid;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.dropdown-selector--open .dropdown-selector__chevron,.dropdown-selector__trigger:hover+.dropdown-selector__chevron,.dropdown-selector__trigger:focus+.dropdown-selector__chevron{color:var(--accent-navy)}.dropdown-selector--open .dropdown-selector__chevron{transform:translateY(-50%)rotate(180deg)}.dropdown-selector__menu{z-index:30;overscroll-behavior:contain;border:1px solid color-mix(in srgb, var(--accent-gold) 22%, var(--border-soft));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent-gold) 40%, var(--border-soft)) transparent;background:linear-gradient(#fffffffa 0%,#faf8f3fa 100%);border-radius:.85rem;gap:.25rem;max-height:min(18rem,40vh);padding:.45rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;right:0;overflow-y:auto;box-shadow:0 22px 40px #1a1a181f,0 6px 14px #1a1a180f}.dropdown-selector__menu::-webkit-scrollbar{width:.55rem}.dropdown-selector__menu::-webkit-scrollbar-track{background:0 0}.dropdown-selector__menu::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent-gold) 40%, var(--border-soft));background-clip:padding-box;border:2px solid #0000;border-radius:999px}.dropdown-selector__option{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.65rem;padding:.8rem .9rem;line-height:1.25rem;transition:background-color .12s,color .12s,transform .12s}.dropdown-selector__option:hover,.dropdown-selector__option--active{background:#1a3a5c14}.dropdown-selector__option--selected{color:#fff;background:linear-gradient(#21476d 0%,#1a3a5c 100%);box-shadow:0 10px 20px #1a3a5c29}.dropdown-selector__option--selected.dropdown-selector__option--active,.dropdown-selector__option--selected:hover{background:linear-gradient(#1d4267 0%,#15324f 100%)}.app-shell{min-height:100vh;position:relative;overflow:visible}.ambient{z-index:0;pointer-events:none;filter:blur(18px);opacity:.65;border-radius:999px;position:fixed}.ambient-left{background:radial-gradient(circle at 35% 35%,#c89b3c3d,#0000 58%);width:18rem;height:18rem;top:5rem;left:-6rem}.ambient-right{background:radial-gradient(circle,#1a3a5c2e,#0000 58%);width:16rem;height:16rem;top:14rem;right:-5rem}.form-layout,.success-layout{z-index:1;position:relative}.form-layout{width:min(100%,45rem);margin:0 auto;padding:1.5rem 1.5rem 6rem}.hero-card,.section-card,.success-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;box-shadow:0 20px 50px #1a1a1812,0 4px 12px #1a1a1808}.hero-card{border:1px solid var(--border-soft);border-top:3px solid var(--accent-gold);text-align:center;border-radius:1rem;padding:2.25rem 2.25rem 1.875rem}.hero-ornament{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.125rem;display:flex}.hero-ornament span{background:#c89b3c99;width:2.75rem;height:1px}.hero-ornament i{background:var(--accent-gold);width:.45rem;height:.45rem;display:block;transform:rotate(45deg)}.hero-card h1,.success-card h2{font-family:var(--font-serif-tc);letter-spacing:.04em;color:var(--ink);margin:0;font-weight:600;line-height:1.25}.hero-card h1{font-size:clamp(2rem,4vw,2.35rem)}.hero-subtitle,.success-subtitle{font-family:var(--font-serif);color:var(--accent-navy);margin:.5rem 0 0;font-size:1.125rem;font-weight:600}.hero-copy,.success-copy{color:var(--text-muted);margin:1rem 0 0;font-size:.9rem;line-height:1.8}.hero-meta{border-top:1px solid var(--border-soft);color:var(--text-muted);text-align:right;margin-top:1.125rem;padding-top:.875rem;font-size:.75rem}.registration-form{gap:1rem;margin-top:1rem;display:grid;position:relative}.section-card{z-index:0;border:1px solid var(--border-soft);border-left:3px solid var(--accent-gold);border-radius:1rem;padding:1.5rem;position:relative;overflow:visible}.section-card:has(.dropdown-selector--open){z-index:20}.section-heading{border-bottom:1px solid var(--border-soft);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.6875rem;font-weight:500}.field-stack,.field-grid{gap:1.25rem;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:.45rem;display:grid;position:relative}.field-zh{font-family:var(--font-serif-tc);color:var(--text-muted);font-size:.875rem}.field-label{color:var(--ink);font-size:1rem;font-weight:600}.field-label-note{flex-wrap:wrap;align-items:baseline;gap:.35rem;display:flex}.field-label-note small{color:var(--text-muted);font-size:.75rem;font-weight:400}.field input{border:1px solid var(--border-soft);background:var(--panel-subtle);width:100%;height:2.75rem;color:var(--ink);font:inherit;border-radius:.5rem;padding:0 .9rem;font-size:1.0625rem;transition:border-color .14s,box-shadow .14s,background-color .14s}.field input::placeholder{color:var(--placeholder)}.field input:focus{border-color:var(--accent-navy);background:var(--panel);outline:none;box-shadow:0 0 0 3px #1a3a5c1a}.required-mark{color:var(--accent-red)}.error-banner{color:var(--accent-red);background:#fbedebf5;border:1px solid #e4b3ace6;border-radius:.75rem;padding:.875rem 1rem;font-size:.8125rem}.submit-button,.secondary-button{height:3rem;font:inherit;cursor:pointer;border-radius:.625rem;font-size:.9375rem;font-weight:500;transition:transform .1s,background-color .14s,border-color .14s,color .14s,box-shadow .14s}.submit-button{color:#fff;background:linear-gradient(#21476d 0%,#1a3a5c 100%);border:none;width:100%;box-shadow:0 14px 28px #1a3a5c2e}.submit-button:hover{background:linear-gradient(#1c4064 0%,#142e4a 100%)}.submit-button:active,.secondary-button:active{transform:scale(.985)}.submit-button:focus-visible,.secondary-button:focus-visible,.field input:focus-visible{outline:2px solid var(--accent-navy);outline-offset:3px}.form-footnote{text-align:center;color:var(--text-muted);margin:0;font-size:.75rem}.success-layout{width:min(100%,36rem);margin:0 auto;padding:6rem 1.5rem}.success-card{border:1px solid var(--border-soft);border-top:3px solid var(--accent-gold);text-align:center;border-radius:1rem;padding:2.75rem 2.5rem;animation:.3s rise-in}.success-icon{background:#e8f0ea;border-radius:999px;place-items:center;width:3.75rem;height:3.75rem;margin:0 auto 1.375rem;display:grid}.secondary-button{border:1px solid var(--accent-navy);color:var(--accent-navy);background:var(--panel);margin-top:1.5rem;padding:0 1.625rem}.secondary-button:hover{background:var(--panel-subtle)}.dashboard-placeholder{border:1px dashed var(--border-soft);background:#ffffffb8;border-radius:1rem;width:min(100%,45rem);margin:2rem auto;padding:2rem}@keyframes rise-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media (width<=48rem){.form-layout,.success-layout{padding-left:1rem;padding-right:1rem}.hero-card,.section-card,.success-card{padding-left:1.125rem;padding-right:1.125rem}.field-grid{grid-template-columns:1fr}}