/* A cozy pixel-character workshop. Authentication remains product-focused. */
.welcome{--login-ink:#30374b;--login-accent:#585594;min-height:100vh;max-width:1440px;margin:auto;padding:116px 7% 65px;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:9%;align-items:center;background:#f7f8f5;color:var(--login-ink);position:relative}.welcome:before{content:"";position:fixed;inset:0;background:#f7f8f5;z-index:-1}.welcome-art{background:transparent;overflow:visible;min-height:0;align-self:center;position:static}.welcome-art>.brand{left:7%;top:35px;font-size:18px;gap:10px;color:#353b4e}.welcome-art>.brand small{font-size:11px;margin-left:8px;color:#90939b}.welcome .brand-mark{border-radius:7px 7px 2px 7px;background:#585594;width:31px;height:34px;font-size:21px;box-shadow:3px 3px 0 #deddec}.login-intro{margin:0 0 29px}.studio-tag{color:#718477;font-size:11px;display:inline-flex;align-items:center;gap:7px}.studio-tag i{width:6px;height:6px;background:#7f9d87;box-shadow:3px -3px 0 #d0ddcf}.login-intro h2{font-size:38px;letter-spacing:-1.3px;line-height:1.45;font-weight:650;margin:16px 0 12px}.login-intro p{font-size:11px;color:#969ba1;line-height:1.8;margin:0}.pixel-window{border:1px solid #ccd6ce;border-radius:10px;overflow:hidden;box-shadow:8px 8px 0 #e7ece5;position:relative}.pixel-titlebar{height:35px;display:flex;align-items:center;justify-content:space-between;background:#fffefb;border-bottom:1px solid #d4dbd3;padding:0 13px;font-size:10px;color:#899386}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#ddd7c9}.window-dots i:first-child{background:#d4aaa2}.window-dots i:nth-child(2){background:#e4cd98}.window-dots i:nth-child(3){background:#b6cdb4}.window-size{font-size:15px;color:#b0b8ad}.pixel-scene{height:345px;position:relative;overflow:hidden;background:#e4ede8;isolation:isolate}.pixel-sun{position:absolute;right:16%;top:29px;width:57px;height:57px;background:#efdbb9;clip-path:polygon(20% 0,80% 0,80% 10%,90% 10%,90% 20%,100% 20%,100% 80%,90% 80%,90% 90%,80% 90%,80% 100%,20% 100%,20% 90%,10% 90%,10% 80%,0 80%,0 20%,10% 20%,10% 10%,20% 10%)}.pixel-cloud{position:absolute;width:70px;height:18px;background:#fffef7;clip-path:polygon(0 40%,15% 40%,15% 20%,30% 20%,30% 0,65% 0,65% 20%,80% 20%,80% 40%,100% 40%,100% 100%,0 100%);animation:cloud-drift 9s steps(9,end) infinite alternate}.cloud-one{left:10%;top:35px}.cloud-two{right:10%;top:125px;width:49px;animation-delay:-4s;opacity:.8}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#68857108 1px,transparent 1px),linear-gradient(90deg,#68857108 1px,transparent 1px);background-size:24px 24px;z-index:-1}.pixel-ground{height:57px;position:absolute;bottom:0;left:0;right:0;background:#d5e1d5;border-top:4px solid #bdcfbd}.pixel-ground:after{content:"";position:absolute;left:0;right:0;top:13px;height:2px;background:repeating-linear-gradient(90deg,transparent 0 20px,#a4bda750 20px 28px,transparent 28px 55px)}.character-halo{position:absolute;width:235px;height:235px;bottom:35px;left:calc(50% - 117px);border:1px solid #c5d6c6;border-radius:50%;background:#f1f3e822}.welcome .welcome-character{image-rendering:pixelated;image-rendering:crisp-edges;bottom:-38px;height:345px;max-width:90%;width:auto;left:50%;object-fit:contain;filter:none;animation:pixel-idle 4.8s steps(2,end) infinite;z-index:1;transform-origin:center bottom}.floating-file{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;background:#fffef7f5;border:1px solid #dedfd4;box-shadow:3px 3px 0 #69847112;padding:10px 13px;border-radius:5px;color:#617365;font-size:10px}.floating-file>span{font-size:22px;line-height:1;color:#8b9e87}.floating-file small{display:block;font-size:8px;color:#a7ad9f;margin-top:5px}.file-one{left:16px;top:131px;transform:rotate(-4deg)}.file-two{right:15px;top:215px;transform:rotate(4deg)}.welcome .character-caption{z-index:3;background:#fffef8f5;border:1px solid #e1e3d8;border-radius:6px;bottom:14px;left:20px;right:auto;width:auto;padding:10px 13px;font-size:10px;backdrop-filter:none}.welcome .caption-sub{font-size:8px;margin:5px 0 0 15px;color:#9da493}.welcome .live-dot{width:5px;height:5px;margin-right:6px}.login-features{display:flex;justify-content:space-between;gap:10px;margin:25px 4px 0;font-size:9px;color:#969d96}.login-features b{font-size:13px;font-weight:400;margin-right:6px;color:#93a18d}.welcome-form{position:relative;max-width:400px;padding:34px 31px 23px;background:#fff;border:1px solid #e5e5df;border-radius:12px;margin:27px 0 0;width:100%;box-shadow:0 8px 25px #434e4610;align-self:center}.welcome-form:before{content:"";position:absolute;width:21px;height:21px;top:-8px;right:25px;background:#eddfc9;border:3px solid #f7f8f5;box-shadow:3px 3px 0 #e2cda9;transform:rotate(8deg)}.login-emblem{height:40px;width:40px;border-radius:10px;background:#f0eef8;color:#7063a5;font-size:25px;display:grid;place-items:center;margin-bottom:25px}.welcome-form .quiet-label{font-size:10px;color:#a5a1ad}.welcome-form h1{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:24px;letter-spacing:-.7px;font-weight:600;margin:10px 0 13px;color:#3c3a50;line-height:1.5}.welcome-form .welcome-description{font-size:11px;line-height:1.85;color:#a09ba8;margin-bottom:0}.welcome-form #auth-form{margin-top:26px}.welcome-form label{font-size:11px;color:#6d687b;margin-bottom:17px}.welcome-form input{border-radius:7px;background:#fafafc;border:1px solid #e8e6ee;padding:11px 12px;font-size:12px;margin-top:7px}.welcome-form input:focus{background:white;border-color:#a69ac8;box-shadow:0 0 0 3px #7562ad0a}.welcome-form input::placeholder{color:#b8b2c1;font-size:10px}.welcome-form .primary{background:#62569b;font-size:12px;border-radius:7px;padding:12px;margin-top:3px;box-shadow:0 3px 0 #4a4176}.welcome-form .primary:hover{background:#55498a}.welcome-form .primary:active{box-shadow:none;transform:translateY(3px)}.welcome-form #auth-toggle{font-size:10px;margin:14px 0 2px;color:#8e839f;padding:8px 0}.welcome-form .welcome-note{font-size:8px;border-top:1px solid #f0edf4;padding-top:17px;margin:8px 0 0;color:#b5afbc;white-space:normal}.welcome-note>span{margin-right:4px;color:#a9b49e}@keyframes pixel-idle{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}@keyframes cloud-drift{from{transform:translateX(0)}to{transform:translateX(18px)}}
@media(min-width:1600px){.welcome{padding-top:145px;padding-bottom:100px;gap:10%;min-height:100vh}.pixel-scene{height:390px}.welcome .welcome-character{height:390px}.welcome-form{max-width:410px;padding:40px 35px 27px}.login-intro h2{font-size:43px}}
@media(max-width:1100px){.welcome{gap:5%;padding:110px 5% 55px;grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr)}.welcome-art>.brand{left:5%}.login-intro h2{font-size:32px}.pixel-scene{height:320px}.welcome .welcome-character{height:325px}.floating-file{padding:8px}.floating-file small{font-size:7px}.file-one{left:7px}.file-two{right:7px}.welcome-form{padding:29px 25px 23px}}
@media(max-width:760px){.welcome{padding:85px 22px 35px;display:flex;flex-direction:column;gap:0;min-height:100vh}.welcome-art{width:100%;height:auto;min-height:0}.welcome-art>.brand{left:23px;top:22px;font-size:16px}.welcome-art>.brand small{font-size:8px;margin-left:3px}.login-intro{margin:7px 0 18px}.studio-tag{font-size:9px}.login-intro h2{font-size:27px;line-height:1.4;margin:10px 0 8px;letter-spacing:-.5px}.login-intro h2 br{display:none}.login-intro p{font-size:9px;max-width:280px}.pixel-window{border-radius:8px;box-shadow:5px 5px 0 #e7ece5}.pixel-titlebar{height:27px;font-size:8px}.pixel-scene{height:170px}.welcome .welcome-character{height:215px;bottom:-37px;left:57%;max-width:none}.character-halo{height:165px;width:165px;left:calc(57% - 82px);bottom:8px}.pixel-sun{width:42px;height:42px;right:12%;top:17px}.pixel-ground{height:33px}.cloud-one{top:25px;width:45px;height:13px}.cloud-two{top:80px;right:8%;width:36px;height:10px}.floating-file{padding:7px 9px;font-size:8px;gap:6px}.floating-file>span{font-size:16px}.floating-file small{font-size:6px;margin-top:4px}.file-one{top:72px;left:12px}.file-two{display:none}.welcome .character-caption{bottom:12px;left:12px;padding:8px 10px;font-size:8px}.welcome .caption-sub{font-size:6px;margin-top:4px}.login-features{font-size:7px;margin:18px 3px 0;gap:5px}.login-features b{font-size:10px;margin-right:4px}.welcome-form{margin:27px 0 0;max-width:none;padding:25px 25px 20px;border-radius:11px}.login-emblem{display:none}.welcome-form .quiet-label{font-size:9px}.welcome-form h1{font-size:22px;margin:7px 0 8px}.welcome-form .welcome-description{font-size:10px}.welcome-form .welcome-description br{display:none}.welcome-form #auth-form{margin-top:20px}.welcome-form label{margin-bottom:14px;font-size:10px}.welcome-form input{padding:11px;font-size:12px}.welcome-form .welcome-note{font-size:8px}.welcome-form #auth-toggle{margin-top:12px}.welcome-form:before{right:22px}}
@media(prefers-reduced-motion:reduce){.welcome .welcome-character,.pixel-cloud{animation:none!important}}

/* Softer campus mascot direction requested by the user. */
.cute-welcome{background:#fffaf7;color:#695571}.cute-welcome:before{background:#fffaf7}.cute-welcome .brand{color:#796180}.cute-welcome .brand-mark{background:#ad94bd;box-shadow:3px 3px 0 #eee2ed;border-radius:11px 11px 5px 11px}.cute-welcome .studio-tag{color:#ad839a;font-size:12px}.cute-welcome .studio-tag i{background:#d3abc1;box-shadow:0 0 0 4px #f9eef2;border-radius:50%}.cute-welcome .login-intro h2{color:#796180;font-weight:600;line-height:1.5;letter-spacing:0}.cute-welcome .login-intro p{font-size:12px;color:#a08b9b}.cute-welcome .pixel-window{border:2px solid #f0e0e8;border-radius:23px;box-shadow:0 9px 0 #f6eaf0,0 18px 30px #c0a0b40b}.cute-welcome .pixel-titlebar{height:38px;background:#fffdfb;border-color:#f3e5ec;padding:0 19px;color:#ad93a5;font-size:11px}.cute-welcome .window-dots i{border-radius:50%;background:#dfb4c2}.cute-welcome .window-dots i:nth-child(2){background:#e8d4a7}.cute-welcome .window-dots i:nth-child(3){background:#cddcc3}.cute-welcome .window-size{color:#d1b5cb;font-size:18px}.cute-welcome .pixel-scene{background:#fcf0f4;height:360px}.cute-welcome .character-halo{width:250px;height:250px;left:calc(50% - 125px);bottom:55px;border:10px solid #fff8fa;background:#f5dfe9}.cute-welcome .character-halo:after{content:"";position:absolute;inset:-25px;border:1px dashed #ecd1df;border-radius:50%}.cute-welcome .welcome-character{height:330px;width:85%;max-width:90%;bottom:15px;left:50%;object-fit:contain;filter:drop-shadow(0 4px 0 #b894ad10);animation:cute-idle 5s steps(3,end) infinite}.cute-shadow{position:absolute;width:145px;height:15px;bottom:22px;left:calc(50% - 72px);border-radius:50%;background:#d7b5cd40;z-index:0}.cute-spark{position:absolute;font-size:30px;color:#c9acd8;z-index:1;animation:cute-sparkle 5s ease-in-out infinite}.spark-one{left:15%;top:100px;transform:rotate(12deg)}.spark-two{right:13%;bottom:95px;color:#dfb4c8;font-size:26px;animation-delay:-2s}.cute-heart{position:absolute;right:20%;top:32px;color:#dfb0c4;font-size:35px;transform:rotate(15deg)}.cute-welcome .pixel-cloud{background:#fffafa}.cute-bubble{position:absolute;left:18px;top:150px;background:#fffdfa;border:1px solid #f0e0e2;border-radius:14px 14px 4px 14px;padding:11px 13px;color:#a78a9e;font-size:10px;transform:rotate(-6deg);z-index:3;box-shadow:0 3px 0 #efdce430}.cute-bubble>span{color:#d9afc1;font-size:17px;vertical-align:middle;margin-left:6px}.cute-welcome .character-caption{left:auto;right:15px;bottom:14px;border-radius:12px;background:#fffcfa;border-color:#f3e4eb;padding:10px 13px;font-size:10px;color:#a68a9d}.cute-welcome .caption-sub{font-size:8px;color:#b29aab;margin-left:0}.cute-welcome .live-dot{background:#bfd0af}.cute-welcome .login-features{color:#a58c9f;font-size:10px}.cute-welcome .login-features b{color:#c1a3c5;font-size:15px}.cute-welcome .welcome-form{background:#fffdfc;border-color:#f0e3eb;border-radius:24px;padding:35px 34px 25px;box-shadow:0 15px 45px #b08fa410}.cute-welcome .welcome-form:before{width:65px;height:19px;top:-9px;right:30px;background:#efe2cfb5;box-shadow:none;clip-path:polygon(0 0,100% 0,96% 20%,100% 40%,96% 60%,100% 80%,96% 100%,0 100%,4% 80%,0 60%,4% 40%,0 20%)}.cute-welcome .login-emblem{width:48px;height:48px;border-radius:17px;background:#f9ebf2;color:#cba5bb;font-size:34px;margin-bottom:21px}.cute-welcome .welcome-form .quiet-label{font-size:11px;color:#b198ad}.cute-welcome .welcome-form h1{font-size:27px;color:#796180;letter-spacing:0;margin:11px 0 12px}.cute-welcome .welcome-description{font-size:12px;color:#a18b9c}.cute-welcome label{font-size:12px;color:#8e738c;margin-bottom:18px}.cute-welcome input{border-radius:11px;background:#fffbfd;border-color:#eee2eb;padding:12px 14px;font-size:13px;color:#78617e}.cute-welcome input::placeholder{color:#baa4b7;font-size:11px}.cute-welcome input:focus{border-color:#cbb1d3;box-shadow:0 0 0 3px #eadcec40}.cute-welcome .primary{background:#ad94bd;font-size:13px;border-radius:11px;padding:13px;box-shadow:0 4px 0 #927aA3}.cute-welcome .primary:hover{background:#9e83b0}.cute-welcome #auth-toggle{font-size:11px;color:#a58aaa}.cute-welcome .welcome-note{border-top:1px dashed #eee0ea;color:#b4a0b0;font-size:9px}.cute-welcome .welcome-note>span{color:#b7c7a9}@keyframes cute-idle{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}@keyframes cute-sparkle{0%,100%{opacity:.55}50%{opacity:1}}
@media(min-width:1600px){.cute-welcome .pixel-scene{height:400px}.cute-welcome .welcome-character{height:365px}.cute-welcome .character-halo{bottom:70px}}
@media(max-width:1100px){.cute-welcome .pixel-scene{height:325px}.cute-welcome .welcome-character{height:300px}.cute-welcome .character-halo{width:215px;height:215px;left:calc(50% - 107px)}.cute-welcome .welcome-form{padding:30px 25px 24px}.cute-bubble{left:12px;top:140px;padding:9px;font-size:8px}.cute-welcome .login-features{font-size:8px}.cute-welcome .login-features b{font-size:12px}}
@media(max-width:760px){.cute-welcome .login-intro h2{font-size:28px}.cute-welcome .studio-tag{font-size:10px}.cute-welcome .login-intro p{font-size:10px}.cute-welcome .pixel-window{border-radius:20px;box-shadow:0 6px 0 #f6eaf0}.cute-welcome .pixel-titlebar{height:30px;font-size:9px;padding:0 15px}.cute-welcome .pixel-scene{height:215px}.cute-welcome .welcome-character{height:205px;bottom:7px;left:52%;width:85%}.cute-welcome .character-halo{width:155px;height:155px;left:calc(52% - 77px);bottom:28px;border-width:7px}.cute-welcome .character-halo:after{inset:-16px}.cute-shadow{width:100px;height:11px;bottom:10px;left:calc(52% - 50px)}.spark-one{left:13%;top:65px;font-size:22px}.spark-two{right:12%;bottom:65px;font-size:19px}.cute-heart{top:16px;right:21%;font-size:25px}.cute-bubble{top:114px;left:10px;padding:8px;font-size:7px;border-radius:10px 10px 3px 10px}.cute-bubble>span{font-size:12px;margin-left:3px}.cute-welcome .character-caption{right:10px;bottom:9px;font-size:7px;padding:8px;border-radius:9px;max-width:145px}.cute-welcome .caption-sub{font-size:6px;margin-top:5px}.cute-welcome .login-features{font-size:8px}.cute-welcome .welcome-form{padding:26px 25px 22px;border-radius:21px}.cute-welcome .welcome-form h1{font-size:24px}.cute-welcome .welcome-description{font-size:11px}.cute-welcome label{font-size:11px;margin-bottom:15px}.cute-welcome .welcome-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cute-welcome .welcome-character,.cute-spark{animation:none!important}}
.cute-welcome .welcome-character{height:400px;bottom:-65px}
@media(min-width:1600px){.cute-welcome .welcome-character{height:440px;bottom:-65px}}
@media(max-width:1100px){.cute-welcome .welcome-character{height:360px;bottom:-60px}}
@media(max-width:760px){.cute-welcome .welcome-character{height:240px;bottom:-35px}}