@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark-100:#050506;--bg-dark-200:#0a0a0c;--bg-dark-300:#101014;--bg-dark-400:#17171e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--gold-300:#fae893;--gold-500:#e8c33a;--gold-600:#d4af37;--gold-700:#b58d24;--gold-900:#4a370e;--red-500:#ff3e3e;--red-600:#e50914;--red-700:#c90812;--red-900:#4a0408;--glass-bg:#050506bf;--glass-border:#ffffff0d;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--gold-600) var(--bg-dark-100)}body{background-color:var(--bg-dark-100);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark-100)}::-webkit-scrollbar-thumb{background:var(--bg-dark-400);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--red-600), var(--gold-600))}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:800;line-height:1.2}p{color:var(--text-secondary)}a{color:inherit;transition:all var(--transition-normal);text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.flex-row{align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap-2{gap:.5rem}.flex-gap-3{gap:.75rem}.flex-gap-4{gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.hero-grid{grid-template-columns:repeat(12,1fr);align-items:center;gap:3rem;width:100%;display:grid}.hero-content{text-align:left;flex-direction:column;grid-column:span 8;align-items:flex-start;display:flex}.hero-visual-panel{grid-column:span 4;justify-content:center;align-items:center;display:flex;position:relative}.about-card-wrapper{margin-top:2rem}.about-grid{grid-template-columns:repeat(12,1fr);align-items:center;gap:4rem;display:grid}.about-text-panel{flex-direction:column;grid-column:span 7;align-items:flex-start;display:flex}.about-stats-panel{flex-direction:column;grid-column:span 5;gap:1.5rem;display:flex}.nav-bar{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);width:100%;transition:all var(--transition-normal);position:fixed;top:0;left:0}.nav-bar-scrolled{border-bottom:1px solid #d4af371a;padding:.8rem 0;box-shadow:0 10px 30px #00000080}.nav-bar-default{padding:1.5rem 0}.nav-logo-wrapper{align-items:center;gap:.75rem;display:flex}.nav-logo-icon{background:linear-gradient(135deg, var(--red-600), var(--gold-600));border:1px solid var(--gold-500);width:2.2rem;height:2.2rem;font-family:var(--font-heading);color:#fff;border-radius:50%;font-size:.8rem;font-weight:900;position:relative;overflow:hidden;box-shadow:0 0 12px #e5091480}.nav-logo-icon .shine{background:#fff3;transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.nav-logo-wrapper:hover .nav-logo-icon .shine{transform:translate(100%)}.nav-logo-text{font-family:var(--font-heading);letter-spacing:.05em;color:#fff;font-size:1.25rem;font-weight:900}.nav-logo-text span{color:var(--red-500);transition:color var(--transition-normal)}.nav-logo-wrapper:hover .nav-logo-text span{color:#fff}.nav-logo-wrapper:hover .nav-logo-text{color:var(--gold-500)}.desktop-menu{align-items:center;gap:2.5rem;display:flex}.desktop-menu a{font-family:var(--font-heading);letter-spacing:.05em;color:var(--text-secondary);font-size:.9rem;font-weight:600}.desktop-menu a:hover{color:var(--gold-500)}.lang-toggle-btn{color:var(--gold-500);font-family:var(--font-heading);letter-spacing:.1em;cursor:pointer;transition:all var(--transition-normal);background:#d4af370d;border:1px solid #d4af3740;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:flex}.lang-toggle-btn:hover{background:#d4af3726;box-shadow:0 0 10px #d4af3733}.mobile-nav-actions{align-items:center;gap:1rem;display:none}.mobile-hamburger-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.mobile-hamburger-btn:hover{color:var(--gold-500)}.mobile-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);opacity:0;pointer-events:none;z-index:99;background:#050506fa;flex-direction:column;gap:2rem;width:100%;height:calc(100vh - 70px);padding:3rem 2rem;transition:all .3s ease-in-out;display:flex;position:fixed;top:70px;left:0;transform:translateY(-20px)}.mobile-drawer-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-drawer a{font-family:var(--font-heading);color:var(--text-secondary);text-align:center;border-bottom:1px solid #ffffff08;padding:.5rem 0;font-size:1.5rem;font-weight:700}.mobile-drawer a:hover{color:var(--gold-500)}.gradient-text-gold{background:linear-gradient(135deg, var(--gold-300) 0%, var(--gold-600) 50%, var(--gold-700) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-red{background:linear-gradient(135deg, #ff8787 0%, var(--red-500) 50%, var(--red-700) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-hero{background:linear-gradient(135deg, #fff 0%, var(--gold-300) 45%, var(--red-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge-gold{color:var(--gold-500);font-family:var(--font-heading);letter-spacing:.15em;text-transform:uppercase;background:#d4af370d;border:1px solid #d4af3733;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-red{color:var(--red-500);font-family:var(--font-heading);letter-spacing:.15em;text-transform:uppercase;background:#e509140d;border:1px solid #e5091433;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.glass-card{border:1px solid var(--glass-border);transition:all var(--transition-normal);background:#10101466;border-radius:24px}.glass-card:hover{border-color:#d4af3733;transform:translateY(-4px);box-shadow:0 20px 40px -10px #000000b3}.btn-primary{font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg, var(--gold-500), var(--gold-600));color:var(--bg-dark-100);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #d4af3726}.btn-primary:hover{background:linear-gradient(135deg, var(--gold-300), var(--gold-500));transform:translateY(-2px);box-shadow:0 8px 25px #d4af3759}.btn-secondary{font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);color:var(--text-primary);background:0 0;border:1px solid #ffffff26;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:.9rem;font-weight:700;display:inline-flex}.btn-secondary:hover{border-color:var(--red-500);background:#e509140d;transform:translateY(-2px);box-shadow:0 8px 25px #e509141a}.hero-wrapper{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.orbit-visual-wrapper{border:1px solid #d4af371f;border-radius:50%;justify-content:center;align-items:center;width:18rem;height:18rem;animation:30s linear infinite spin;display:flex;position:relative}.orbit-visual-inner{border:1px dashed #e5091426;border-radius:50%;justify-content:center;align-items:center;width:14rem;height:14rem;animation:20s linear infinite spin-reverse;display:flex;position:absolute}.orbit-visual-core{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle,#e5091426 0%,#d4af370d 60%,#0000 80%);border:1px solid #d4af3726;border-radius:50%;justify-content:center;align-items:center;width:10rem;height:10rem;display:flex;position:absolute;box-shadow:0 0 40px #e509141a}.orbit-visual-dot{background:linear-gradient(135deg, var(--red-600), var(--gold-600));border:1px solid var(--gold-500);width:4rem;height:4rem;font-family:var(--font-heading);color:#fff;border-radius:50%;font-size:1.5rem;font-weight:900;position:absolute;box-shadow:0 0 15px #d4af3766}.about-section{background:#00000026;border-top:1px solid #ffffff08;padding:6rem 0;position:relative}.stat-item-box{transition:border-color var(--transition-normal);background:#05050666;border:1px solid #ffffff08;border-radius:20px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.stat-item-box:hover{border-color:#d4af3726}.stat-item-icon-wrapper{width:2.75rem;height:2.75rem;color:var(--gold-500);background:#d4af3714;border:1px solid #d4af3726;border-radius:50%}.stat-item-box-red:hover{border-color:#e5091426}.stat-item-icon-wrapper-red{color:var(--red-500);background:#e5091414;border:1px solid #e5091426}.section-header-block{text-align:center;max-width:700px;margin:0 auto 5rem}.projects-section{padding:6rem 0;position:relative}.flags-list-row{border-top:1px solid #ffffff08;justify-content:center;align-items:center;gap:1.25rem;margin-top:1rem;padding-top:1rem;display:flex}.flags-list-row span{color:var(--text-secondary);font-size:.75rem;font-weight:700}.project-card-item{height:100%;transition:all var(--transition-normal);background:#10101466;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;justify-content:space-between;padding:2.2rem;display:flex;position:relative;overflow:hidden}.card-accent-gold:hover{border-color:#d4af3740;box-shadow:0 20px 40px -10px #d4af370f}.card-accent-red:hover{border-color:#e5091440;box-shadow:0 20px 40px -10px #e509140f}.card-visual-box{aspect-ratio:16/10;background:#00000059;border:1px solid #ffffff0d;border-radius:16px;width:100%;margin-bottom:1.5rem;position:relative;overflow:hidden}.card-grid-bg{background-color:#0000;background-image:linear-gradient(#d4af371a 1px,#0000 1px),linear-gradient(90deg,#d4af371a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.card-dots-bg{background-image:radial-gradient(#e5091426 1.5px,#0000 1.5px);background-size:12px 12px;position:absolute;inset:0}.card-iso-bg{background-color:#0000;background-image:linear-gradient(45deg,#ffffff08 1px,#0000 1px),linear-gradient(-45deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.ring-outer{transition:transform .6s var(--transition-slow);border:1px solid #d4af3714;border-radius:50%;position:absolute;inset:0}.project-card-item:hover .ring-outer{transform:scale(1.1)}.ring-middle{border:1px solid #d4af371f;border-radius:50%;animation:15s linear infinite spin;position:absolute;inset:.8rem}.ring-inner{border:1px dashed #d4af3740;border-radius:50%;animation:8s linear infinite spin-reverse;position:absolute;inset:1.6rem}.card-core-icon{z-index:2;border:1px solid #0000;border-radius:50%;width:2.75rem;height:2.75rem}.icon-gold-theme{color:var(--gold-500);background:#d4af3714;border-color:#d4af374d;box-shadow:0 0 15px #d4af3726}.icon-red-theme{color:var(--red-500);background:#e5091414;border-color:#e509144d;box-shadow:0 0 15px #e5091426}.node-corner{border-radius:50%;width:6px;height:6px;position:absolute}.top-left-node{background:var(--gold-500);box-shadow:0 0 8px var(--gold-500);top:1rem;left:1rem}.bottom-right-node{background:var(--red-500);box-shadow:0 0 8px var(--red-500);bottom:1rem;right:1rem}.iso-card-shadow{width:6rem;height:3.5rem;transition:transform .5s var(--transition-slow);background:#00000080;border:1px solid #ffffff08;border-radius:8px;position:absolute;transform:translate(1rem,-1rem)}.project-card-item:hover .iso-card-shadow{transform:translate(1.5rem,-1.5rem)}.iso-card-mid{background:var(--bg-dark-300);width:6rem;height:3.5rem;transition:transform .5s var(--transition-slow);border:1px solid #d4af3714;border-radius:8px;position:absolute;transform:translate(0)}.project-card-item:hover .iso-card-mid{transform:translateY(-.25rem)}.iso-card-top{width:6rem;height:3.5rem;transition:transform .5s var(--transition-slow);background:linear-gradient(135deg,#d4af371a,#101014cc);border:1px solid #d4af3740;border-radius:8px;flex-direction:column;justify-content:space-between;padding:.6rem;display:flex;position:absolute;transform:translate(-1rem,1rem)}.project-card-item:hover .iso-card-top{transform:translate(-1.5rem,1.5rem)}.card-glow-bg{pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}.project-card-item:hover .card-glow-bg{opacity:1}.card-glow-border{pointer-events:none;opacity:0;-webkit-mask-composite:xor;maskComposite:exclude;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.project-card-item:hover .card-glow-border{opacity:1}.card-body-content{flex-direction:column;display:flex}.card-title{font-family:var(--font-heading);color:#fff;margin-bottom:.75rem;font-size:1.75rem;font-weight:700;line-height:1.3}.card-description{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem;line-height:1.6}.card-actions-wrapper{z-index:10;flex-direction:column;gap:.75rem;margin-top:auto;display:flex;position:relative}.animate-pulse-fast{animation:1.5s infinite pulse-glow}.animate-pulse-slow{animation:3s infinite pulse-glow}.animate-pulse-normal{animation:2s infinite pulse-glow}.kakaotalk-section{background:#0003;border-top:1px solid #ffffff08;padding:6rem 0;position:relative}.tab-group-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;margin-bottom:3.5rem;display:flex}.tab-filter-btn{color:var(--text-secondary);font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);background:#14141a4d;border:1px solid #ffffff0d;border-radius:999px;padding:.6rem 1.4rem;font-size:.8rem;font-weight:700}.tab-filter-btn:hover{color:#fff;border-color:#ffffff26}.tab-filter-btn-active{border-color:var(--red-600);color:#fff;background:#e509141f;box-shadow:0 0 15px #e5091433}.chat-room-card{-webkit-backdrop-filter:blur(8px);transition:all var(--transition-normal);background:#1010144d;border:1px solid #ffffff08;border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.75rem;display:flex;position:relative}.chat-room-card:hover{background:#10101480;border-color:#e5091433;transform:translateY(-2px);box-shadow:0 10px 25px #0006}.chat-room-badge{font-family:var(--font-heading);letter-spacing:.05em;color:var(--red-500);background:#e5091414;border:1px solid #e5091426;border-radius:4px;padding:.25rem .6rem;font-size:.65rem;font-weight:800}.kakao-link-btn{color:#1a1a1c;width:100%;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#fee500,#edd400);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.75rem;font-weight:700;display:inline-flex}.kakao-link-btn:hover{background:linear-gradient(135deg,#ffeb3b,#fdd835);transform:translateY(-1px);box-shadow:0 4px 12px #fee50040}.contact-section{background:#00000040;border-top:1px solid #ffffff08;padding:6rem 0;position:relative}.contact-card{background:#10101480;max-width:800px;margin:0 auto;padding:3rem}.form-layout-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.form-group-full{grid-column:span 2}.form-field-wrapper{flex-direction:column;gap:.5rem;display:flex}.form-field-label{font-family:var(--font-heading);letter-spacing:.1em;color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.form-field-control{color:#fff;width:100%;font-family:var(--font-body);transition:border-color var(--transition-normal);background:#05050699;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:.8rem 1rem;font-size:.9rem}.form-field-control::placeholder{color:var(--text-muted)}.form-field-control:focus{border-color:var(--gold-500)}.form-status-alert{border-radius:12px;margin-top:1rem;padding:1rem;font-size:.85rem;font-weight:600}.form-status-success{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.form-status-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.footer-bar{background:#050506e6;border-top:1px solid #ffffff08;padding:3rem 0}.footer-nav-links{font-family:var(--font-heading);letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:1.5rem;font-size:.75rem;font-weight:700;display:flex}.footer-nav-links a:hover{color:var(--gold-500)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.6}}.glow-overlay{pointer-events:none;filter:blur(80px);z-index:-1;border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-content{text-align:center;grid-column:span 12;align-items:center}.hero-visual-panel{grid-column:span 12}.about-grid{grid-template-columns:1fr;gap:3rem}.about-text-panel{text-align:center;grid-column:span 12;align-items:center}.about-stats-panel{grid-column:span 12;grid-template-columns:repeat(3,1fr);display:grid}.container{padding:0 1.5rem}}@media (width<=768px){.desktop-menu{display:none}.mobile-nav-actions{display:flex}.grid-3,.grid-2,.about-stats-panel,.form-layout-grid{grid-template-columns:1fr}.form-group-full{grid-column:span 1}.contact-card{padding:2rem 1.5rem}.footer-bar .container{text-align:center;flex-direction:column;gap:1.5rem}.footer-nav-links{flex-wrap:wrap;justify-content:center}h1{font-size:2.75rem!important}h2{font-size:2rem!important}}