@font-face{font-family:Pretendard;src:url('../fonts/PretendardVariable.core.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1b3026;background:#eaf0ec;word-break:keep-all;overflow-wrap:break-word;font-synthesis:none;-webkit-font-smoothing:antialiased;--green:#176447;--muted:#52675b;--glass:rgba(255,255,255,.66)}
*{box-sizing:border-box}body{margin:0;min-width:280px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #176447;outline-offset:4px}
.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 87% 8%,#fcfdf8 0,transparent 52%),radial-gradient(ellipse at 8% 100%,#b3d7c2 0,transparent 58%),linear-gradient(125deg,#e0eae5,#eff3ee 52%,#d9e7df)}
.ambient-ribbon{position:absolute;width:115vw;height:42vw;min-height:480px;left:-20vw;top:48%;transform:rotate(-26deg);border-radius:50%;border:1px solid #ffffffa8;background:linear-gradient(170deg,#ffffff4d,#c1d9cc33 30%,#ffffff66 48%,#8cb9a333 56%,#ffffff26);box-shadow:inset 0 3px 6px #ffffffa8,0 -25px 90px #ffffff61;filter:blur(1px)}
.header{height:104px;max-width:1380px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;min-height:44px}.brand img{object-fit:contain;width:126px;height:40px}.home-link{min-height:44px;padding:0 19px;border-radius:999px;border:1px solid #ffffffd9;background:#ffffff6b;box-shadow:inset 0 1px 0 #fff,0 3px 12px #274b3510;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:12px;color:#3e5748;display:flex;gap:14px;align-items:center;transition:background .2s,transform .2s}.home-link:hover{background:#ffffffc9;transform:translateY(-1px)}
main{max-width:1192px;padding:24px 0 40px;margin:0 auto;min-height:calc(100svh - 104px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px}.intro{position:relative;padding:20px 0 0;display:flex;flex-direction:column;align-self:stretch;justify-content:center}.eyebrow{margin:0 0 26px;color:#3e6c52;letter-spacing:.18em;font-size:10px;font-weight:650;display:flex;align-items:center;gap:9px}.eyebrow span{width:6px;height:6px;background:#38805b;border-radius:50%;box-shadow:0 0 0 4px #ffffff52}h1{font-size:clamp(38px,4.2vw,58px);font-weight:620;line-height:1.22;letter-spacing:-.065em;margin:0;color:#203e2e}.intro-copy{font-size:15px;line-height:1.85;color:var(--muted);letter-spacing:-.025em;margin:24px 0 0}.document-art{position:relative;height:268px;margin-top:24px;max-width:450px}.sheet{position:absolute;width:202px;height:220px;border-radius:16px;left:47%;top:50%;border:1px solid #ffffffd4;box-shadow:inset 0 1px 1px #fff,0 15px 36px -20px #31523b65;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sheet-back{background:linear-gradient(145deg,#b9d5c573,#deece1ad);transform:translate(-22%,-50%) rotate(17deg)}.sheet-mid{background:linear-gradient(145deg,#ffffff80,#b5d0bc42);transform:translate(-50%,-45%) rotate(-13deg)}.sheet-front{background:linear-gradient(140deg,#fffffff2,#f6fbf2a3);transform:translate(-65%,-50%) rotate(-4deg);padding:22px}.sheet-label{font-size:7px;letter-spacing:.14em;color:#4b6a55;font-weight:650}.drawing{height:112px;margin:18px 0 16px;border:1px solid #9eb99f;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 19px,#adcaac52 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,#adcaac52 20px)}.drawing i{display:block;position:absolute;border:1.5px solid #62896c}.drawing i:nth-child(1){inset:16px 18px}.drawing i:nth-child(2){inset:16px 18px 54px 65px}.drawing i:nth-child(3){inset:54px 65px 16px 18px}.drawing i:nth-child(4){width:24px;height:24px;right:26px;bottom:22px;border-radius:50%}.sheet-bottom{font-size:9px;color:#46634e;display:flex;justify-content:space-between}.sheet-bottom b{font-size:14px;font-weight:400}.art-caption{position:absolute;right:0;bottom:8px;display:flex;align-items:center;gap:12px;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffffe3;border-radius:18px;padding:14px 18px;box-shadow:inset 0 1px 0 #fff,0 8px 24px #43654a0d;font-size:11px;line-height:1.7;color:#536b59}.art-caption strong{font-weight:550;color:#34573d}.folder-icon{font-size:32px;line-height:1;color:#39734d}.intro-footer{font-size:10px;letter-spacing:.04em;color:#5e7767;margin:24px 0 0}
.login-panel{position:relative;border-radius:36px;padding:42px 44px 25px;border:1px solid #fffffff0;background:linear-gradient(145deg,#ffffffe0,#ffffff91);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80,0 24px 64px -28px #2c553640,0 2px 8px #31533c08;backdrop-filter:blur(32px) saturate(125%);-webkit-backdrop-filter:blur(32px) saturate(125%);display:flex;flex-direction:column;justify-content:center}.login-content{width:100%;max-width:360px;margin:auto}.workspace-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:#236f4c;background:linear-gradient(145deg,#ffffffeb,#cae5d894);border:1px solid #ffffffeb;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 4px #7cae8c20,0 8px 18px -10px #39774e45;margin-bottom:25px}.workspace-icon svg{width:33px;height:33px}.panel-eyebrow{font-size:11px;color:#5a6e60;letter-spacing:-.02em;margin:0 0 10px}h2{font-size:32px;letter-spacing:-.055em;font-weight:650;margin:0}.login-copy{font-size:14px;color:#536a5c;margin:12px 0 29px;letter-spacing:-.02em}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.field input{width:100%;height:54px;border:1px solid #b8c9bd;border-radius:14px;background:#ffffffb8;box-shadow:inset 0 1px 3px #35553a05;padding:0 16px;font-size:16px;color:#20372a;transition:border-color .18s,box-shadow .18s,background .18s}.field input::placeholder{color:#677b6d;font-size:13px}.field input:focus{outline:none;border-color:#236e49;background:#fff;box-shadow:0 0 0 4px #40875e1c}.password-wrap{position:relative}.password-wrap input{padding-right:56px}.password-toggle{position:absolute;right:5px;top:5px;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;color:#536c5b;cursor:pointer}.password-toggle:hover{background:#e1ece4}.password-toggle[aria-pressed=true]{background:#e1ece4;color:#176447}.password-toggle svg{width:20px;height:20px}.submit{width:100%;height:54px;border:1px solid #ffffff52;border-radius:999px;background:linear-gradient(180deg,#257c59,#176447);box-shadow:inset 0 1px 1px #ffffff6b,inset 0 -1px 2px #0b442766,0 6px 16px -8px #164e3673;color:white;font-size:15px;font-weight:550;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:14px;margin-top:26px;transition:box-shadow .2s,transform .2s,filter .2s}.submit:hover{filter:brightness(1.07);box-shadow:inset 0 1px 1px #ffffff6b,0 9px 20px -8px #164e3680;transform:translateY(-1px)}.submit:active{transform:scale(.985)}.submit span{font-size:18px;font-weight:400}.form-message{font-size:12px;line-height:1.7;padding:12px 14px;border:1px solid #c3d5c7;border-radius:12px;background:#eff6ee;color:#365440;margin:14px 0 0}.account-help{border-top:1px solid #b3c7b94d;margin-top:27px;padding-top:21px;font-size:12px;color:#52685b;text-align:center}.account-help p{margin:0 0 4px}.account-help a{color:#235c3e;font-weight:600;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px}.account-help a:hover{background:#ffffffad}.account-help a span{margin-left:7px}.preview-note{display:flex;justify-content:center;align-items:center;gap:7px;color:#52695a;font-size:11px;margin:21px 0 0;line-height:1.7;word-break:keep-all}.preview-note span{width:5px;height:5px;background:#5d8769;border-radius:50%;flex:none}footer{text-align:center;color:#5b7163;font-size:10px;letter-spacing:.02em;margin-top:28px}
@media(max-width:1280px){main{margin:0 60px;gap:56px}.login-panel{padding-left:36px;padding-right:36px}.art-caption{right:-6px}}@media(max-width:1000px) and (min-width:801px){main{margin:0 36px;gap:32px}.login-panel{padding:32px 26px 24px}h1{font-size:42px}.intro-copy{font-size:14px}.art-caption{right:0;padding:10px 12px}.document-art{height:255px}.sheet{width:175px;height:200px}.drawing{height:94px}}
@media(max-width:800px){.header{height:84px;padding:0 24px}.brand img{width:108px;height:35px}.home-link{font-size:11px;padding:0 14px}main{margin:0 auto;padding:12px 20px 32px;min-height:calc(100svh - 84px);grid-template-columns:1fr;gap:25px;max-width:500px;align-content:center}.intro{padding:0 8px}.eyebrow{margin-bottom:14px;font-size:9px}h1{font-size:32px;line-height:1.2}h1 br{display:block}.intro-copy{font-size:13px;line-height:1.7;margin-top:13px}.intro-copy br{display:none}.document-art,.intro-footer{display:none}.login-panel{padding:28px 26px 22px;border-radius:28px}.workspace-icon{width:52px;height:52px;border-radius:17px;margin-bottom:20px}.workspace-icon svg{width:28px;height:28px}h2{font-size:28px}.login-copy{margin-bottom:24px}.panel-eyebrow{font-size:10px}.account-help{margin-top:24px;padding-top:19px}.preview-note{font-size:10px;margin-top:15px}footer{margin-top:23px}.ambient-ribbon{width:160vw;height:100vw;left:-40vw;top:22%}}
@media(max-width:380px){.header{padding:0 20px}main{padding-left:16px;padding-right:16px}.login-panel{padding-left:22px;padding-right:22px}h1{font-size:29px}.preview-note{font-size:9px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.login-panel{background:#f5f9f4}.home-link,.art-caption{background:#f3f8f1}.sheet-front{background:#f9fcf6}}
@media(prefers-reduced-transparency:reduce){.login-panel{background:#f5f9f4;backdrop-filter:none;-webkit-backdrop-filter:none}.home-link,.art-caption{background:#f3f8f1;backdrop-filter:none;-webkit-backdrop-filter:none}.sheet{backdrop-filter:none;-webkit-backdrop-filter:none}.sheet-front{background:#f9fcf6}}
@media(prefers-contrast:more){:root{--muted:#2e4938}.field input{background:#fff;border-color:#55725d}.login-panel{background:#f7faf5;border-color:#6e8975}.home-link{background:#fff;border-color:#6e8975}.preview-note,footer,.panel-eyebrow,.login-copy,.account-help{color:#2e4938}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.submit:hover,.submit:active,.home-link:hover{transform:none}}
@media(forced-colors:active){.ambient,.document-art{display:none}.login-panel,.home-link,.workspace-icon,.field input,.submit{border:1px solid CanvasText}.submit{background:ButtonFace;color:ButtonText}.preview-note span{background:CanvasText}}