:root{--sapphire-main: #0A2869;--sapphire-deep: #050E26;--sapphire-dark: #030818;--sapphire-subtle: #08163B;--cool-blue: #D6ECF9;--cool-blue-glow: rgba(214, 236, 249, .4);--cool-blue-subtle: rgba(214, 236, 249, .2);--accent-pear: #DBE686;--accent-pear-glow: rgba(219, 230, 134, .35);--accent-pear-subtle: rgba(219, 230, 134, .12);--bg-main: #E3F2FC;--bg-alt: #C2E2FA;--bg-subtle: #F0F7FD;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: #FFFFFF;--bg-card-active: #FFFFFF;--bg-glass: rgba(227, 242, 252, .92);--text-primary: #0A2869;--text-secondary: #223D68;--text-muted: #4B6790;--text-inverse: #FFFFFF;--border-subtle: rgba(10, 40, 105, .12);--border-medium: rgba(10, 40, 105, .2);--border-active: #0A2869;--border-glow: rgba(10, 40, 105, .2);--primary: #0A2869;--primary-glow: rgba(10, 40, 105, .2);--primary-subtle: rgba(10, 40, 105, .08);--indigo: #6366F1;--indigo-glow: rgba(99, 102, 241, .25);--purple: #8B5CF6;--emerald: #10B981;--amber: #F59E0B;--rose: #F43F5E;--shadow-sm: 0 2px 8px rgba(10, 40, 105, .05);--shadow-md: 0 8px 24px -4px rgba(10, 40, 105, .08);--shadow-lg: 0 16px 48px -8px rgba(10, 40, 105, .12);--shadow-glow: 0 0 40px -10px rgba(10, 40, 105, .1);--font-sans: "Pretendard", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--max-width: 1240px;--nav-height: 72px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse 90% 50% at 50% -10%,#FFFFFF 0%,rgba(214,236,249,.3) 60%,transparent 100%),radial-gradient(ellipse 60% 40% at 85% 65%,rgba(219,230,134,.15),transparent),var(--bg-main);background-attachment:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#adc6dc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0a2869}::selection{background:#dbe68659;color:#0a2869}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative;transition:background-color var(--transition-normal)}.section-alt{background-color:var(--bg-alt);position:relative}@media(max-width:768px){.section{padding:80px 0}.container{padding:0 16px}}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.glass-panel:hover{border-color:var(--border-medium)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all var(--transition-normal);background:transparent;padding:18px 0}.navbar.scrolled{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-medium);box-shadow:0 4px 20px #0a286914;padding:12px 0}.gradient-text{background:linear-gradient(135deg,#0a2869,#061b48);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-primary{background:linear-gradient(135deg,#0a2869,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-accent{background:linear-gradient(135deg,#0a2869,#0369a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:.825rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge-primary{background:var(--primary-subtle);color:var(--primary);border:1px solid rgba(10,40,105,.2)}.badge-pear{background:#dbe68659;color:#4d5e0a;border:1px solid rgba(184,198,68,.5)}.badge-emerald{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-amber{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#0a2869,#0284c7);color:#fff;box-shadow:0 4px 16px #0a286980;border:1px solid rgba(214,236,249,.25)}.btn-primary:hover{background:linear-gradient(135deg,#0e3589,#0369a1);box-shadow:0 6px 24px #0a2869b3;transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,#dbe686,#b8c757);color:#030818;font-weight:700;box-shadow:0 4px 16px #dbe6864d;border:1px solid rgba(255,255,255,.4)}.btn-accent:hover{background:linear-gradient(135deg,#e6ee9c,#c3d365);box-shadow:0 6px 24px #dbe68680;transform:translateY(-1px)}.btn-secondary{background:#d6ecf90d;color:var(--text-primary);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#d6ecf91f;border-color:#d6ecf959;transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:.85rem;border-radius:var(--radius-sm)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes flowLine{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-slow{animation:pulseGlow 4s ease-in-out infinite}