@charset "UTF-8";:root{--background-light: #ffffff;--text-light: #1a1a2e;--card-light: #f8f9fa;--border-light: #e0e0e0;--accent-light: #007bff;--background-dark: #16181d;--text-dark: #e4e4e7;--card-dark: #1e2028;--border-dark: #2a2d35;--accent-dark: #60a5fa;--section-label: #71717a;--background: var(--background-light);--card: var(--card-light);--text: var(--text-light);--border: var(--border-light);--accent: var(--accent-light);--text-secondary: #6b7280}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}.section-separator{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0 auto;max-width:1200px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0}.animate-on-scroll.animate-fade-up{animation:fadeInUp .6s ease-out forwards}.animate-on-scroll.animate-fade-left{animation:fadeInLeft .6s ease-out forwards}.animate-on-scroll.animate-fade-right{animation:fadeInRight .6s ease-out forwards}.animate-on-scroll.animate-scale{animation:scaleIn .6s ease-out forwards}.animate-on-scroll:nth-child(1){animation-delay:.1s}.animate-on-scroll:nth-child(2){animation-delay:.2s}.animate-on-scroll:nth-child(3){animation-delay:.3s}.animate-on-scroll:nth-child(4){animation-delay:.4s}.animate-on-scroll:nth-child(5){animation-delay:.5s}.animate-on-scroll:nth-child(6){animation-delay:.6s}.animate-on-scroll:nth-child(7){animation-delay:.7s}.animate-on-scroll:nth-child(8){animation-delay:.8s}.animate-on-scroll:nth-child(9){animation-delay:.9s}.animate-on-scroll:nth-child(10){animation-delay:1s}.animate-on-scroll:nth-child(11){animation-delay:1.1s}.animate-on-scroll:nth-child(12){animation-delay:1.2s}.animate-on-scroll:nth-child(13){animation-delay:1.3s}.animate-on-scroll:nth-child(14){animation-delay:1.4s}.animate-on-scroll:nth-child(15){animation-delay:1.5s}.animate-on-scroll:nth-child(16){animation-delay:1.6s}.animate-on-scroll:nth-child(17){animation-delay:1.7s}.animate-on-scroll:nth-child(18){animation-delay:1.8s}.animate-on-scroll:nth-child(19){animation-delay:1.9s}.animate-on-scroll:nth-child(20){animation-delay:2s}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-light);background-color:var(--background-light);margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}body.dark{background-color:var(--background-dark);color:var(--text-dark);--background: var(--background-dark);--card: var(--card-dark);--text: var(--text-dark);--border: var(--border-dark);--accent: var(--accent-dark);--text-secondary: #a1a1aa}.section-with-pattern{position:relative;background-image:url("data:image/svg+xml,%3Csvg width='50' height='43' viewBox='0 0 50 43' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23007bff' stroke-opacity='0.08' stroke-width='1'%3E%3Cpath d='M25 1l12.5 7.22v14.44L25 30.17 12.5 22.66V8.22L25 1z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat}.section-with-pattern:before{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent 30%,var(--background-light) 70%);pointer-events:none;z-index:0}.section-with-pattern>*{position:relative;z-index:1}:host-context(body.dark) .section-with-pattern{background-image:url("data:image/svg+xml,%3Csvg width='50' height='43' viewBox='0 0 50 43' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%2360a5fa' stroke-opacity='0.1' stroke-width='1'%3E%3Cpath d='M25 1l12.5 7.22v14.44L25 30.17 12.5 22.66V8.22L25 1z'/%3E%3C/g%3E%3C/svg%3E")}:host-context(body.dark) .section-with-pattern:before{background:linear-gradient(to top right,transparent 30%,var(--background-dark) 70%)}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.2;font-weight:700;letter-spacing:-.02em}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:700}h3{font-size:1.5rem;font-weight:600}a{text-decoration:none;color:inherit;transition:color .2s ease}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-label{display:inline-block;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--section-label);margin-bottom:2rem;padding:.5rem 1rem;background:var(--card-light);border-radius:20px;border:1px solid var(--border-light)}body.dark .section-label{background:var(--card-dark);border-color:var(--border-dark)}.card{background-color:var(--card-light);border:1px solid var(--border-light);border-radius:12px;padding:2rem;transition:all .3s ease}body.dark .card{background-color:var(--card-dark);border-color:var(--border-dark)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background-light)}body.dark ::-webkit-scrollbar-track{background:var(--background-dark)}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:var(--accent-light);color:#fff}body.dark ::selection{background:var(--accent-dark);color:#fff}::-moz-selection{background:var(--accent-light);color:#fff}body.dark ::-moz-selection{background:var(--accent-dark);color:#fff}:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}body.dark :focus-visible{outline-color:var(--accent-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.container{padding:0 1.5rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}