:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){button{background-color:#f9f9f9}}:root{--primary-color:#212529;--secondary-color:#0984e3;--accent-color:#7600c5;--gradient-start:#6c5ce7;--gradient-end:#a363d9;--text-color:#212529;--background-color:#ffffff;--card-bg:#ffffff;--section-bg:#f8f9fa;--border-color:#eeeeee;--card-shadow:0 4px 6px rgba(0,0,0,.1);--transition:.3s ease;--button-text:#ffffff;--disabled-text:#717171;--tag-text:#ffffff;--pagination-bg:#f0f0f0;--pagination-text:#212529;--github-link-bg:#f0f0f0;--github-link-text:#212529;--github-link-border:#dddddd;--github-link-hover-bg:#6c5ce7;--github-link-hover-text:#ffffff;--demo-link-bg:#00b894;--demo-link-text:#ffffff;--modal-date-color:#555555}[data-theme=dark]{--primary-color:#ffffff;--secondary-color:#74b9ff;--text-color:#f8f9fa;--background-color:#1a1a1a;--card-bg:#2d2d2d;--section-bg:#242424;--border-color:#404040;--github-link-bg:#3a3a3a;--github-link-text:#f8f9fa;--github-link-border:#4a4a4a;--pagination-bg:#333333;--pagination-text:#ffffff;--modal-date-color:#bbbbbb}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{margin:0!important;padding:0!important;position:relative;z-index:1}html{scroll-behavior:smooth;overflow-x:hidden!important}body{font-family:Poppins,sans-serif;line-height:1.6;background:var(--background-color);color:var(--text-color);transition:background-color var(--transition),color var(--transition);min-height:100vh;width:100%;margin:0!important;padding:0!important;box-sizing:border-box!important;min-width:0!important;max-width:100vw!important}section,header{width:100%;padding:4rem 0;background:var(--section-bg)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.card{background:var(--card-bg);border-radius:20px;box-shadow:var(--card-shadow);transition:transform var(--transition)}.card:hover{transform:translateY(-5px)}.section-title{font-size:2.5rem;margin-bottom:4rem;text-align:center;color:var(--primary-color);position:relative}.section-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:80px;height:4px;border-radius:2px;background:linear-gradient(45deg,var(--gradient-start),var(--gradient-end))}[data-theme=dark] .section-title{color:var(--text-color)}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}