html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root,.light{--primary: #0b6639;--bg-primary: #f4f6fa;--bg-secondary: #e1e5f0;--text-color: #2A2438}.dark{--primary: #3498db;--bg-primary: #352F44;--bg-secondary: #2A2438;--text-color: #DBD8E3}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:1.1rem;line-height:1.6;background-color:var(--bg-primary);color:var(--text-color)}main{font-weight:400}a{text-decoration:none;color:inherit}button{background:none;border:none;cursor:pointer;color:inherit}.intro{text-align:center;margin-top:2rem}.intro .intro-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--primary)}.intro .intro-description{font-size:1rem;color:var(--text-color);max-width:600px;margin:0 auto}header{background-color:var(--bg-secondary);color:var(--text-color);position:sticky;top:0;z-index:100;margin:0 auto}header nav{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;position:relative}header nav .logo{font-size:1.5rem;font-weight:bold}header nav .logo span{color:var(--primary)}header nav .links{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;list-style:none}header nav .links li a{font-size:1.2rem;padding:.5rem 1rem;margin-left:1rem;border-radius:4px;transition:all .3s ease}header nav .links li a:hover,header nav .links li a.active{background-color:var(--primary);color:var(--bg-secondary)}header nav .actions{display:flex;align-items:center}header nav .actions .theme{fill:var(--text-color);cursor:pointer}header nav .actions .theme:active{transform:rotate(20deg);fill:var(--primary)}header nav .actions .menu{display:none;fill:var(--text-color);cursor:pointer}header nav .actions .menu:active{fill:var(--primary)}@media(max-width: 768px){header nav .actions{display:flex;align-items:center}header nav .actions .menu{display:block}header nav .links{flex-direction:column;align-items:center;justify-content:center;top:100%;left:0;width:100%;background-color:var(--bg-secondary);padding:1rem 0;transform:translateY(-200%);opacity:0;pointer-events:none;z-index:90}header nav .links.active{transform:translateY(0);opacity:1;pointer-events:auto}header nav .links li{padding:.5rem 1rem;text-align:center}}footer{background-color:var(--bg-secondary);color:var(--text-color);margin:1rem 0 0 0;text-align:center;position:fixed;bottom:0;width:100%}footer .social-links{display:flex;justify-content:center;list-style:none;padding:.2rem 0}footer .social-links li{line-height:0}footer .social-links li a{fill:var(--text-color);margin:0 .5rem}footer .social-links li a:hover{fill:var(--primary)}footer .copyright{color:var(--text-color);font-size:.9rem;padding:.1rem 0}@media(max-width: 768px){footer{display:none}}