:root{--color-white: #FFFFFF;--color-black: #000000;--color-red: #E60000;--color-red-light: rgba(230, 0, 0, .08);--color-red-glow: rgba(230, 0, 0, .15);--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-6xl: 4rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--max-width: 1280px;--header-height: 80px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .06), 0 4px 10px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .08);--shadow-red: 0 4px 20px rgba(230, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-black);background-color:var(--color-white);overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.15;letter-spacing:-.02em}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-gray-600);line-height:1.7}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-24) 0}.section--gray{background-color:var(--color-gray-50)}.section--dark{background-color:var(--color-black);color:var(--color-white)}.section--dark p{color:var(--color-gray-400)}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-red);margin-bottom:var(--space-4)}.section-label:before{content:"";width:8px;height:8px;background:var(--color-red);border-radius:50%;display:inline-block}.section-title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-gray-500);max-width:610px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;min-height:48px}.btn--primary{background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black)}.btn--primary:hover{background:var(--color-red);border-color:var(--color-red);box-shadow:var(--shadow-red);transform:translateY(-1px)}.btn--secondary{background:transparent;color:var(--color-black);border:2px solid var(--color-gray-200)}.btn--secondary:hover{border-color:var(--color-black);transform:translateY(-1px)}.btn--white{background:var(--color-white);color:var(--color-black);border:2px solid var(--color-white)}.btn--white:hover{background:transparent;color:var(--color-white);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.3)}.btn--ghost:hover{border-color:var(--color-white);transform:translateY(-1px)}.btn--sm{padding:var(--space-2) var(--space-5);font-size:var(--text-xs);min-height:36px}.btn--lg{padding:var(--space-4) var(--space-10);font-size:var(--text-base);min-height:56px}.btn-arrow{transition:transform var(--transition-fast)}.btn:hover .btn-arrow{transform:translate(4px)}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base);position:relative;overflow:hidden}.card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-red);transform:scaleX(0);transition:transform var(--transition-base)}.card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card:hover:after{transform:scaleX(1)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.badge--red{background:var(--color-red-light);color:var(--color-red)}.grid{display:grid;gap:var(--space-6)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.img-placeholder{background:linear-gradient(135deg,var(--color-gray-100),var(--color-gray-200));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.img-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(230,0,0,.03) 50%,transparent 60%)}.divider{width:100%;height:1px;background:var(--color-gray-200)}.divider--red{background:var(--color-red)}.red-line{width:40px;height:2px;background:var(--color-red)}.glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-30px);transition:opacity .6s ease,transform .6s ease}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(30px);transition:opacity .6s ease,transform .6s ease}.fade-in-right.visible{opacity:1;transform:translate(0)}.stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stagger.visible>*:nth-child(1){transition-delay:0ms}.stagger.visible>*:nth-child(2){transition-delay:.1s}.stagger.visible>*:nth-child(3){transition-delay:.2s}.stagger.visible>*:nth-child(4){transition-delay:.3s}.stagger.visible>*:nth-child(5){transition-delay:.4s}.stagger.visible>*:nth-child(6){transition-delay:.5s}.stagger.visible>*{opacity:1;transform:translateY(0)}@media(max-width:1024px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.section{padding:var(--space-16) 0}.section-title{font-size:var(--text-3xl)}.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.section-title{font-size:var(--text-2xl)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.btn--lg{width:100%}}::selection{background:var(--color-red);color:var(--color-white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-red)}