:root{--primary: #0ea5e9;--primary-hover: #0284c7;--accent: #FBBC04;--accent-hover: #d9a303;--accent-light: #fffbeb;--accent-cyan: #0ea5e9;--accent-purple: #eab308;--underline-color: #9400d3;--sky-blue: #0ea5e9;--sky-blue-hover: #0284c7;--sky-blue-light: #f0f9ff;--bg-main: #ffffff;--bg-card: #ffffff;--bg-subtle: #f8fafc;--text-main: #0ea5e9;--text-muted: #0284c7;--text-light: #38bdf8;--border-light: #f3f4f6;--border-strong: #e5e7eb;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 1px 2px 0 rgb(14 165 233 / .05);--shadow-md: 0 4px 6px -1px rgb(14 165 233 / .07), 0 2px 4px -2px rgb(14 165 233 / .05);--shadow-lg: 0 10px 15px -3px rgb(14 165 233 / .08), 0 4px 6px -4px rgb(14 165 233 / .04);--shadow-xl: 0 20px 25px -5px rgb(14 165 233 / .1), 0 8px 10px -6px rgb(14 165 233 / .04);--shadow-glow: 0 0 25px rgba(251, 188, 4, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img,video{max-width:100%;height:auto}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-main);line-height:1.25}a{color:inherit;text-decoration:none;transition:all .2s ease}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;outline:none;background:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;font-size:.9375rem;border-radius:var(--radius-sm);transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary{background-color:#fff;color:var(--primary);border:2px solid var(--primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 14px #0ea5e966}.btn-accent{background-color:var(--accent);color:#fff;border:2px solid var(--accent);font-weight:700;box-shadow:0 4px 14px #fbbc0459}.btn-accent:hover{background-color:#fff;color:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #fbbc0433}.btn-secondary{background-color:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background-color:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.25rem}.form-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#475569}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1.125rem;border:1px solid #cbd5e1;border-radius:8px;background-color:#fff;color:var(--text-main);font-size:.9375rem;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #001f5b1f;background-color:#fff}.form-input[readonly]{background-color:#f1f5f9;color:var(--text-muted);cursor:not-allowed}.tag-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);background-color:#f1f5f9;color:var(--text-muted);border:1px solid var(--border-light)}.tag-badge.accent{background-color:var(--accent-light);color:var(--accent-hover);border-color:#fde68a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.container{padding:0 1rem}}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeftIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRightIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.scroll-reveal{opacity:0;transition:none}.scroll-reveal.animate-in{animation:fadeUpIn .7s cubic-bezier(.22,1,.36,1) forwards}.scroll-reveal.animate-left{animation:fadeLeftIn .7s cubic-bezier(.22,1,.36,1) forwards}.scroll-reveal.animate-right{animation:fadeRightIn .7s cubic-bezier(.22,1,.36,1) forwards}.scroll-reveal.animate-scale{animation:scaleIn .6s cubic-bezier(.22,1,.36,1) forwards}.stagger-children .scroll-reveal:nth-child(1){animation-delay:0s}.stagger-children .scroll-reveal:nth-child(2){animation-delay:.1s}.stagger-children .scroll-reveal:nth-child(3){animation-delay:.2s}.stagger-children .scroll-reveal:nth-child(4){animation-delay:.3s}.stagger-children .scroll-reveal:nth-child(5){animation-delay:.4s}.stagger-children .scroll-reveal:nth-child(6){animation-delay:.5s}.hover-line{position:relative;display:inline-block}.hover-line:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--underline-color);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}.hover-line:hover:after{transform:scaleX(1)}.hover-fly-btn{display:inline-flex;align-items:center;gap:.5rem}.fly-arrow{display:inline-block;will-change:transform;transition:transform .3s ease}.hover-fly-btn:hover .fly-arrow{animation:arrowFlyOutIn 1.2s cubic-bezier(.25,1,.5,1) infinite}@keyframes arrowFlyOutIn{0%{transform:translate(0);opacity:1}25%{transform:translate(15px,-15px);opacity:0}26%{transform:translate(-15px,15px);opacity:0}50%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:1}}
