*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#fff;--nav-bg-rgb:255,255,255;--bg-gradient-start:#fff;--bg-gradient-end:#f6f9ff;--bg-pattern-color:rgba(0,0,0,.02);--bg-secondary:#f8f8f8;--bg-tertiary:#f0f0f0;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#404040;--text-tertiary:#606060;--border-color:#d0d0d0;--border-color-light:#e0e0e0;--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-tertiary:#f093fb;--scrollbar-track:#f0f0f0;--scrollbar-thumb:silver;--scrollbar-thumb-hover:#a0a0a0;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 8px 24px rgba(0,0,0,.15);--shadow-lg:0 15px 40px rgba(0,0,0,.2);background-image:url(/Geometric-pattern-background-vector-in-white.jpg);background-repeat:repeat;background-size:cover;background-position:50%;background-attachment:fixed}[data-theme=dark],[data-theme=dark] body{--bg-primary:#0f0f0f;--nav-bg-rgb:15,15,15;--bg-gradient-start:#0b0b0b;--bg-gradient-end:#141414;--bg-pattern-color:hsla(0,0%,100%,.02);--bg-secondary:#1a1a1a;--bg-tertiary:#252525;--bg-card:#1a1a1a;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:#909090;--border-color:#2a2a2a;--border-color-light:#333;--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-tertiary:#f093fb;--scrollbar-track:#1a1a1a;--scrollbar-thumb:#404040;--scrollbar-thumb-hover:#505050;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 24px rgba(0,0,0,.4);--shadow-lg:0 15px 40px rgba(0,0,0,.5)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-primary);line-height:1.6;position:relative;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}body:after{content:"";position:fixed;top:-30%;right:-10%;width:60%;height:60%;background:radial-gradient(circle at center,var(--accent-primary) 0,transparent 70%);opacity:.04;z-index:-2;animation:floatBg 25s ease-in-out infinite;pointer-events:none;filter:blur(40px)}@keyframes floatBg{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-40px,-40px) scale(1.1)}50%{transform:translate(20px,40px) scale(.95)}75%{transform:translate(-30px,20px) scale(1.05)}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,var(--bg-pattern-color) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-pattern-color) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:60px 20px;scroll-margin-top:80px;background:var(--bg-primary);transition:background-color .3s ease;position:relative;overflow:hidden}section:before{content:"";position:absolute;top:-50%;left:-20%;width:50%;height:50%;background:radial-gradient(circle,var(--accent-primary) 0,transparent 70%);opacity:.02;z-index:0;pointer-events:none;animation:floatSectionBg 30s ease-in-out infinite}@keyframes floatSectionBg{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}section>*{position:relative;z-index:1}section h2{position:relative;display:inline-block;padding-bottom:15px}section h2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--accent-secondary),var(--accent-primary),var(--accent-secondary),transparent);animation:slideIn .8s ease-in}@keyframes slideIn{0%{width:0}to{width:100%}}h1{font-size:3rem;margin-bottom:20px;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 50%,var(--accent-tertiary) 100%);-webkit-background-clip:text;background-clip:text}h1,h2{font-weight:700;-webkit-text-fill-color:transparent}h2{font-size:2.2rem;margin-bottom:30px;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text}h3{font-size:1.3rem;font-weight:600;margin-bottom:10px;color:var(--text-primary)}p{font-size:.95rem;color:var(--text-secondary);line-height:1.8}a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-secondary)}button{cursor:pointer;border:none;font-family:inherit;transition:all .3s ease}@media (max-width:768px){h1{font-size:2.2rem}h2{font-size:1.6rem}h3{font-size:1.1rem}section{padding:40px 20px}.theme-toggle{width:45px;height:45px;font-size:1.2rem;top:15px;right:15px}}@media (max-width:480px){h1{font-size:1.6rem}h2{font-size:1.3rem}section{padding:30px 15px}.theme-toggle{width:40px;height:40px;font-size:1rem;top:10px;right:10px}}