@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
:root{--primary:#1a2b56;--header-bg:#1a2b56;--secondary:#fff;--background:#fff;--foreground:#1e293b;--text-main:#1e293b;--text-muted:#64748b;--white:#fff;--accent-lime:#a3cc3a;--accent-cyan:#00a0e9;--accent-yellow:#fdd000;--card-bg:#fff;--card-border:#f1f5f9;--card-hover-shadow:0 30px 60px #1a2b5614;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 20px 40px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;display:flex}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 32px}.main-nav{background:var(--header-bg);color:var(--white);z-index:1000;box-shadow:var(--shadow-sm);border-bottom:1px solid #ffffff1a;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.logo-wrapper{color:var(--white);align-items:center;gap:12px;text-decoration:none;display:flex}.logo-symbol{border:4px solid var(--primary);background:#fff;border-radius:50%;width:32px;height:32px;position:relative;overflow:hidden}.logo-symbol:before{content:"";background:conic-gradient(var(--accent-lime) 0% 25%, var(--accent-cyan) 25% 50%, var(--accent-yellow) 50% 75%, var(--primary) 75% 100%);width:100%;height:100%;position:absolute;top:0;left:0}.logo-text{letter-spacing:-.5px;font-size:1.4rem;font-weight:800}.nav-links{gap:30px;display:flex}.nav-links a{color:#fffc;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--white)}header.hero{text-align:center;background:#fff;padding:0}.tabs-full-width{z-index:900;background:#f8fafc;border-bottom:1px solid #f1f5f9;width:100%;margin-bottom:60px;position:sticky;top:70px}.tabs-container{justify-content:center;gap:40px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;opacity:.6;background:0 0;border:none;padding:24px 10px;font-size:1.15rem;font-weight:600;transition:all .3s;position:relative}.tab-btn:hover{color:var(--primary);opacity:1}.tab-btn.active{color:var(--primary);opacity:1;font-weight:700}.tab-btn.active:after{content:"";background:var(--accent-cyan);border-radius:4px 4px 0 0;height:4px;position:absolute;bottom:0;left:0;right:0}.section-title{color:var(--primary);text-align:center;margin:60px 0 40px;font-size:2.2rem;font-weight:800}.product-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:120px;display:grid}@media (max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.product-grid{grid-template-columns:1fr}}.product-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 10px 30px #00000005}.product-card:hover{box-shadow:var(--card-hover-shadow);border-color:#00a0e933;transform:translateY(-12px)}.snapshot{background:#f8fafc;border-bottom:1px solid #f1f5f9;width:100%;height:240px;overflow:hidden}.snapshot img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.product-card:hover .snapshot img{transform:scale(1.04)}.card-content{flex-direction:column;flex:1;padding:40px;display:flex}.card-content h3{color:var(--primary);font-size:1.6rem;font-weight:800}.card-header-group{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.subtitle-en{color:var(--accent-cyan);letter-spacing:.5px;font-size:.9rem;font-weight:600;display:block}.product-description{color:var(--text-muted);min-height:120px;margin-bottom:40px;font-size:1.05rem;line-height:1.7}.features{min-height:140px;margin-bottom:40px}.features h4{color:var(--primary);margin-bottom:15px;font-size:1rem;font-weight:700}.features ul{list-style:none}.features li{color:var(--text-muted);margin-bottom:10px;padding-left:18px;font-size:.95rem;position:relative}.features li:before{content:"•";color:var(--accent-lime);font-weight:900;position:absolute;left:0}.card-actions{gap:16px;margin-top:auto;display:flex}.btn{cursor:pointer;text-align:center;border:none;border-radius:12px;flex:1;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:#253a73;box-shadow:0 8px 20px #1a2b5633}.btn-outline{color:var(--primary);background:0 0;border:1.5px solid #e2e8f0}.btn-outline:hover{border-color:var(--primary);background:#f8fafc}.main-footer{background:#fff;border-top:1px solid #f1f5f9;margin-top:auto;padding:80px 0}.footer-content{text-align:center}.footer-logo{color:var(--primary);opacity:.3;margin-bottom:20px;font-size:1.4rem;font-weight:800}.footer-info{color:var(--text-muted);font-size:.9rem}.tab-content{animation:.5s fadeInOut}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-container{width:100%;box-shadow:var(--shadow-md);background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-top:20px;overflow:hidden}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--primary);background:#f8fafc;border-bottom:2px solid #f1f5f9;padding:20px;font-size:.95rem;font-weight:700}td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:20px}tr:last-child td{border-bottom:none}tr:hover{background-color:#fbfcfe}.status-badge{white-space:nowrap;border-radius:30px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.status-pending{color:#c2410c;background:#fff7ed}.status-processing{color:#1d4ed8;background:#eff6ff}.status-completed{color:#15803d;background:#f0fdf4}.platform-badges{gap:10px;margin-bottom:12px;display:flex}.platform-badge{text-transform:uppercase;letter-spacing:.8px;cursor:default;border:none;border-radius:30px;padding:6px 14px;font-size:.72rem;font-weight:800;transition:all .3s;box-shadow:0 4px 10px #0000000d}.platform-badge:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000001a}.platform-web{background:var(--accent-cyan);color:#fff}.platform-window{background:var(--primary);color:#fff}.platform-mobile{background:var(--accent-lime);color:#fff}.platform-tablet{background:var(--accent-yellow);color:var(--primary)}.admin-container{padding:40px 0}.form-container{box-shadow:var(--shadow-md);background:#fff;border:1px solid #f1f5f9;border-radius:16px;max-width:800px;margin:0 auto;padding:40px}.form-group label{color:var(--primary);margin-bottom:10px;font-weight:700;display:block}.form-control{border:1.5px solid #e2e8f0;border-radius:10px;width:100%;margin-bottom:20px;padding:14px;font-size:1rem}.form-control:focus{border-color:var(--accent-cyan);outline:none}@media (max-width:1024px){.hero h1{font-size:3rem}.product-grid{gap:30px}}@media (max-width:768px){.hero h1{font-size:2.5rem}.tabs-container{flex-direction:column;gap:0}.tab-btn{text-align:left;opacity:1;width:100%;padding:16px 20px}.tab-btn.active:after{border-radius:0 4px 4px 0;width:4px;height:100%;left:0;right:auto}}