:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#333;--text-secondary:#666;--accent-primary:#7e57c2;--accent-secondary:#b39ddb;--border-color:#e0e0e0;--scrollbar-size:8px;--scrollbar-thumb:#0000001f;--scrollbar-thumb-hover:#00000038}.dark-mode{--bg-primary:#111;--bg-secondary:#1c1c1c;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--accent-primary:#b39ddb;--accent-secondary:#7e57c2;--border-color:#333;--scrollbar-thumb:#ffffff0f;--scrollbar-thumb-hover:#ffffff24}*{box-sizing:border-box;margin:0;padding:0}body{transition:background-color .3s ease}a,button,h1,h2,h3,h4,h5,h6,li,p,span{transition:color .15s ease}body,html{background-color:#fff;background-color:var(--bg-primary);color:#333;color:var(--text-primary);font-family:Inter,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:2.25rem}h2{font-size:1.05rem}h3,p{font-size:1rem}p{margin-bottom:1rem}a{color:#7e57c2;color:var(--accent-primary);position:relative;text-decoration:none}a:hover{color:#b39ddb;color:var(--accent-secondary)}a:after{background-color:#b39ddb;background-color:var(--accent-secondary);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}a:hover:after{width:100%}.container{margin:0 auto;max-width:800px;padding:0 1.5rem}.section{padding:2rem 0}button{background-color:#7e57c2;background-color:var(--accent-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;padding:.5rem 1rem;transition:background-color .3s ease}button:hover{background-color:#b39ddb;background-color:var(--accent-secondary)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.05rem}h3{font-size:1rem}}html{scrollbar-color:#0000001f #0000;scrollbar-color:var(--scrollbar-thumb) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;height:var(--scrollbar-size);width:8px;width:var(--scrollbar-size)}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#0000001f;background-color:var(--scrollbar-thumb);border:2px solid #0000;border-radius:999px;opacity:.9;-webkit-transition:background-color .16s ease,opacity .16s ease;transition:background-color .16s ease,opacity .16s ease}::-webkit-scrollbar-thumb:hover{background-color:#00000038;background-color:var(--scrollbar-thumb-hover)}.scroll-wrap::-webkit-scrollbar-thumb{opacity:.5}.scroll-wrap:hover::-webkit-scrollbar-thumb{opacity:.95}.scroll-wrap{scrollbar-color:#0000001f #0000;scrollbar-color:var(--scrollbar-thumb) #0000}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}.stagger-children>*{animation:fadeIn .6s ease-out forwards;opacity:0}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}.stagger-children>:nth-child(6){animation-delay:.6s}.stagger-children>:nth-child(7){animation-delay:.7s}.stagger-children>:nth-child(8){animation-delay:.8s}.stagger-children>:nth-child(9){animation-delay:.9s}.stagger-children>:nth-child(10){animation-delay:1s}.card{transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{transition:opacity .4s,transform .4s}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .4s,transform .4s}.toggle-switch{transition:background-color .3s ease}.toggle-switch .toggle-button{transition:transform .3s ease}.btn-hover{overflow:hidden;position:relative}.btn-hover:after{background-color:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.btn-hover:hover:after{height:300%;width:300%}
/*# sourceMappingURL=main.df31f6fe.css.map*/