:root{--ink:#101215;--muted:#667085;--line:#dde1e7;--blue:#397cff;--green:#22c55e;--paper:#f5f6f7;--white:#fff;--radius:26px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button,a{touch-action:manipulation}.auth-page{background:#f2f3f4;overflow-x:hidden}.auth-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:0 18px 42px;position:relative;background:linear-gradient(151deg,transparent 0 55%,#cfe7ff 55% 72%,transparent 72%),linear-gradient(25deg,transparent 0 62%,#cdf6d4 62% 75%,transparent 75%),#f4f5f6}.hero{height:37vh;min-height:285px;max-height:400px;margin:0 -18px;position:relative;overflow:hidden}.scene{position:absolute;inset:0;background:linear-gradient(30deg,transparent 0 43%,rgba(255,255,255,.9) 43% 62%,transparent 62%),linear-gradient(150deg,transparent 0 62%,rgba(255,255,255,.7) 62% 78%,transparent 78%)}.cube{position:absolute;width:92px;height:92px;background:#fff;transform:rotate(30deg) skewY(-30deg) scaleY(.86);opacity:.75}.cube-one{left:5%;top:8%}.cube-two{right:2%;top:18%;width:68px;height:68px}.cube-three{left:48%;top:4%;width:55px;height:55px}.shape{position:absolute;opacity:.75}.shape-blue{left:-35px;top:38%;width:200px;height:140px;background:#b9d9ff;clip-path:polygon(0 0,100% 50%,0 100%)}.shape-green{right:-30px;top:39%;width:190px;height:150px;background:#b9f3bf;clip-path:polygon(100% 0,0 50%,100% 100%)}.smart-card{position:absolute;left:50%;top:48%;width:180px;height:262px;border-radius:24px;transform:translate(-50%,-42%) rotate(-28deg);color:#62d9ff;background:radial-gradient(circle at 75% 25%,rgba(255,65,65,.55),transparent 22%),radial-gradient(circle at 28% 62%,rgba(0,199,255,.4),transparent 36%),linear-gradient(150deg,#05051b,#0b1640 60%,#05062d);box-shadow:0 24px 35px rgba(10,31,68,.28);z-index:3}.card-brand{position:absolute;top:22px;left:24px;color:#fff;font-weight:800;letter-spacing:.22em;font-size:13px;opacity:.42}.pin{position:absolute;width:58px;left:61px;top:95px;color:rgba(92,217,255,.55);filter:drop-shadow(0 4px 7px rgba(46,212,255,.3))}.signal{position:absolute;width:25px;right:22px;bottom:22px;color:#fff;opacity:.45}.orbit{position:absolute;z-index:4;left:50%;top:57%;width:275px;height:120px;border:3px solid #3f91ff;border-radius:50%;transform:translate(-50%,-50%) rotate(-13deg);box-shadow:0 0 5px rgba(63,145,255,.45)}.orbit i,.orbit b{position:absolute;border-radius:50%;background:linear-gradient(145deg,#76dcff,#176cff)}.orbit i{width:22px;height:22px;bottom:-6px;left:20px}.orbit b{width:12px;height:12px;right:22px;top:3px}.auth-card{position:relative;z-index:5;margin-top:-7px;padding:20px clamp(20px,7vw,36px) 30px;border:2px solid rgba(255,255,255,.88);border-radius:34px;background:rgba(255,255,255,.9);box-shadow:0 20px 55px rgba(22,39,69,.12);backdrop-filter:blur(14px)}.mode-tabs{display:flex;width:200px;padding:4px;margin:0 auto 16px;border-radius:999px;background:#eef0f3}.mode-tab{flex:1;border:0;border-radius:999px;padding:8px 12px;background:transparent;color:#68707b;font-weight:650;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.mode-tab.active{background:#fff;color:#111;box-shadow:0 2px 8px rgba(15,23,42,.1)}h1{font-size:clamp(29px,8vw,40px);line-height:1.18;margin:0 0 18px;text-align:center;letter-spacing:-.03em}.subtitle{text-align:center;color:var(--muted);margin:-8px 0 20px}.code-badge{width:max-content;max-width:100%;margin:-7px auto 18px;padding:7px 13px;border-radius:999px;background:#eef5ff;color:#315ea8;font-size:13px}.code-badge strong{letter-spacing:.12em}.notice{padding:10px 13px;border-radius:12px;font-size:13px;line-height:1.5}.warning{color:#8a4b08;background:#fff4dd}.field{display:flex;align-items:center;gap:12px;min-height:62px;padding:0 17px;margin:0 0 13px;border:1.5px solid var(--line);border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(57,124,255,.12)}.field span{flex:0 0 52px;font-size:16px;font-weight:750;color:#5c6168}.field input{width:100%;min-width:0;border:0;outline:0;text-align:right;font-size:16px;color:#111;background:transparent}.field input::placeholder{color:#a0a4aa}.agreement{display:flex;align-items:flex-start;gap:9px;margin:16px 2px 15px;color:#667085;font-size:13px;line-height:1.55;cursor:pointer}.agreement input{position:absolute;opacity:0}.checkmark{position:relative;flex:0 0 20px;height:20px;border-radius:50%;background:var(--blue);margin-top:0}.checkmark:after{content:"";position:absolute;left:6px;top:3px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.agreement input:focus-visible+.checkmark{outline:3px solid rgba(57,124,255,.25);outline-offset:2px}.agreement input:not(:checked)+.checkmark{background:#fff;border:1.5px solid #aab0b8}.agreement input:not(:checked)+.checkmark:after{display:none}.agreement a{color:#276ef1;text-decoration:none}.form-error{min-height:20px;margin:0 2px 9px;color:#c62828;font-size:13px}.primary-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;border:0;border-radius:999px;color:#fff;background:#0d0e10;font-size:18px;font-weight:750;cursor:pointer;text-decoration:none;transition:background .2s,opacity .2s}.primary-button:hover{background:#202329}.primary-button:focus-visible,.mode-tab:focus-visible,.switch-copy button:focus-visible,.logout-button:focus-visible{outline:3px solid rgba(57,124,255,.45);outline-offset:3px}.primary-button:disabled{cursor:not-allowed;opacity:.4}.switch-copy{text-align:center;color:#858b93;margin:24px 0 0}.switch-copy button{border:0;padding:8px 5px;background:transparent;color:#111;font-weight:700;cursor:pointer}.guide-page{background:#edf8f1}.guide-shell{width:min(100%,900px);margin:0 auto;padding:clamp(22px,5vw,52px) 20px 60px}.guide-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.guide-header h1{text-align:left;font-size:clamp(25px,5vw,38px);margin:4px 0}.eyebrow{font-size:12px;color:#08783f;font-weight:800;letter-spacing:.18em}.logout-button{min-height:44px;padding:0 17px;border:1px solid #c8d8ce;border-radius:999px;color:#284b37;background:#fff;cursor:pointer}.guide-hero{position:relative;overflow:hidden;min-height:340px;padding:44px clamp(25px,7vw,68px);border-radius:32px;color:#fff;background:linear-gradient(135deg,#063f2d,#0a7c4d 65%,#19a366);box-shadow:0 22px 50px rgba(4,84,48,.2)}.guide-hero p{margin:0 0 14px;color:#a9eac6}.guide-hero h2{position:relative;z-index:2;margin:0 0 28px;font-size:clamp(34px,8vw,62px);line-height:1.08;letter-spacing:-.04em}.phase-badge{display:inline-block;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);font-size:13px}.paw-mark{position:absolute;right:-10px;bottom:-5px;width:230px;height:230px;opacity:.12;transform:rotate(-18deg)}.paw-mark i,.paw-mark b{position:absolute;background:#fff;border-radius:50%}.paw-mark i{width:55px;height:75px}.paw-mark i:nth-child(1){left:13px;top:40px}.paw-mark i:nth-child(2){left:66px;top:4px}.paw-mark i:nth-child(3){right:55px;top:4px}.paw-mark i:nth-child(4){right:5px;top:48px}.paw-mark b{left:44px;bottom:5px;width:145px;height:130px}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.placeholder-grid article{padding:24px;border:1px solid #dfe9e2;border-radius:20px;background:#fff}.placeholder-grid span{color:#0a8f52;font-weight:800;font-size:12px}.placeholder-grid h3{margin:12px 0 7px}.placeholder-grid p{margin:0;color:#667085;font-size:14px;line-height:1.55}.document-page{background:#f7f8fa}.document-page main{width:min(100% - 40px,720px);margin:0 auto;padding:60px 0}.document-page h1{text-align:left}.document-page p{color:#475467;line-height:1.8}.back-link{display:inline-block;margin-bottom:30px;color:#276ef1;text-decoration:none}.inline-button{width:max-content;padding:0 28px;margin-top:25px}@media (max-width:620px){.placeholder-grid{grid-template-columns:1fr}.guide-hero{min-height:400px}.auth-shell{padding-left:12px;padding-right:12px}.hero{margin-left:-12px;margin-right:-12px}.auth-card{border-radius:28px}}@media (min-width:700px){.auth-shell{box-shadow:0 0 80px rgba(16,24,40,.09)}.auth-card{margin-top:-24px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}