@import"https://fonts.googleapis.com/css2?family=Kanit:wght@700&family=Martel+Sans:wght@300;400;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #4c8074;--bg: #06080f;--bg2: #090d18;--bg3: #0c0f18;--border: #2c3249;--text: #c8d8e8;--text-hi: #dfece9;--text-lo: #a5cbc3}body{background:var(--bg);color:var(--text);font-family:Martel Sans,sans-serif;min-height:100vh}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.header{border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;background:var(--bg2);position:sticky;top:0;z-index:100}.logo-link{cursor:pointer;text-decoration:none}.logo-link:hover .logo-text{opacity:.8}.logo-text{font-family:Kanit,sans-serif;font-size:27px;font-weight:700;letter-spacing:.04em;color:var(--text-hi)}.accent{color:var(--accent)}.header-subtitle{font-size:16px;color:var(--text-lo);letter-spacing:.1em;margin-top:0}.word-hi{color:var(--text-hi)}.hamburger-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;flex-direction:column;gap:5px}.hamburger-bar{display:block;width:22px;height:2px;background:var(--text);border-radius:1px}.hamburger-btn:hover .hamburger-bar{background:var(--text-lo)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.nav-dropdown{position:absolute;top:48px;right:0;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:8px 0;z-index:200;min-width:160px;box-shadow:0 8px 24px #00000080}.nav-dd-link{display:block;padding:10px 20px;font-size:14px;color:var(--text-lo);cursor:pointer;letter-spacing:.04em;transition:color .15s,background .15s}.nav-dd-link:hover{color:var(--text-hi);background:var(--bg3)}.nav-dd-active{color:var(--text-lo);background:var(--bg3)}.home-layout{display:flex;min-height:calc(100vh - 57px)}.home-left{width:40%;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:flex-start;padding:52px 48px;overflow-y:auto}.home-right{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px}.home-right-inner{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center;width:100%;max-width:700px}.upload-tagline{font-family:Kanit,sans-serif;font-size:52px;font-weight:500;line-height:1.1;margin-bottom:32px;color:var(--text-hi)}.upload-welcome{font-size:20px;color:var(--text-lo);line-height:1.8;margin-bottom:16px}.feedback-bar{margin:0 0 20px;border:1px solid var(--border);border-radius:2px;background:var(--bg2);overflow:hidden}.feedback-input{width:100%;background:transparent;border:none;color:var(--text);font-family:Martel Sans,sans-serif;font-size:13px;padding:12px 14px;resize:none;min-height:80px;outline:none;line-height:1.5}.feedback-input::placeholder{color:#3c5a52}.feedback-contact-wrap{padding:8px 14px 6px;border-top:1px solid var(--border)}.feedback-contact-label{font-size:12px;color:var(--accent);line-height:1.5;margin-bottom:6px;font-family:Martel Sans,sans-serif}.feedback-contact-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:Martel Sans,sans-serif;font-size:13px;padding:4px 0 6px;outline:none}.feedback-contact-input::placeholder{color:var(--border)}.feedback-contact-input:focus{border-bottom-color:var(--accent)}.feedback-footer{display:flex;align-items:center;gap:10px;padding:6px 10px 8px;border-top:1px solid var(--border)}.feedback-char-count{font-size:12px;color:var(--accent);font-family:Martel Sans,sans-serif;flex-shrink:0}.feedback-sent{font-size:12px;color:var(--accent);flex:1}.feedback-error{font-size:12px;color:#f87171;flex:1}.feedback-submit{margin-left:auto;background:transparent;border:1px solid var(--accent);color:var(--text-lo);font-family:Martel Sans,sans-serif;font-size:12px;padding:5px 14px;border-radius:4px;cursor:pointer;letter-spacing:.05em;transition:border-color .15s,color .15s}.feedback-submit:hover:not(:disabled){border-color:var(--text-lo);color:var(--text-hi)}.feedback-submit:disabled{opacity:.4;cursor:not-allowed}.home-hero-title{font-family:Kanit,sans-serif;font-size:32px;font-weight:700;color:var(--text-hi);letter-spacing:.03em;margin-bottom:10px}.home-hero-sub{font-size:15px;color:var(--text-lo);letter-spacing:.04em}.home-cards{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;width:100%}.home-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:36px 32px;flex:1;min-width:240px;max-width:320px;display:flex;flex-direction:column;gap:16px;text-decoration:none;transition:border-color .18s,transform .18s;cursor:pointer}.home-card:hover{border-color:var(--accent);transform:translateY(-2px)}.home-card-title{font-family:Kanit,sans-serif;font-size:18px;font-weight:700;color:var(--text-hi);letter-spacing:.03em}.home-card-desc{font-size:13px;color:var(--text-lo);line-height:1.7;flex:1}.home-card-cta{font-size:12px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}@media (max-width: 768px){.home-layout{flex-direction:column}.home-left{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:40px 24px}.home-right{padding:40px 24px}.home-cards{flex-direction:column;align-items:center}.home-card{max-width:100%}.home-hero-title{font-size:24px}.upload-tagline{font-size:40px}}