:root{--mouse-x: 0px;--mouse-y: 0px;--bg-color: #0a192f;--text-color: #ccd6f6;--accent-color: #4d61fc;--secondary-color: rgba(100, 255, 218, .3);--nav-bg: rgba(14, 23, 42, 0)}body{margin:0;padding:80px 0 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(circle 800px at var(--mouse-x) var(--mouse-y),var(--secondary-color) 0%,rgba(100,255,218,.2) 10%,rgba(100,255,218,.1) 20%,rgba(100,255,218,.05) 30%,rgba(100,255,218,.02) 40%,rgba(10,25,47,0) 70%);background-attachment:fixed;color:var(--text-color);min-height:100vh;overflow-x:hidden;position:relative}body.light-theme{--bg-color: #f5f5f7;--text-color: #1d1d1f;--accent-color: #0066cc;--secondary-color: rgba(0, 102, 204, .3);--nav-bg: rgba(245, 245, 247, 0)}html{box-sizing:border-box;scroll-behavior:smooth;overflow-y:scroll}*,*:before,*:after{box-sizing:inherit}button,a,.card,.nav-item,.hover-effect{transition:all .3s ease}button:hover,a:hover,.card:hover,.nav-item:hover,.hover-effect:hover{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.interactive{cursor:pointer}.cursor-dot{position:fixed;top:0;left:0;width:10px;height:10px;background-color:#ccd6f6cc;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:0}.cursor-light{position:fixed;top:0;left:0;width:150px;height:150px;background:radial-gradient(circle,#64ffda26,#0a192f00 70%);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:4rem 0;min-height:calc(100vh - 80px)}.route-transition{animation:routeSlideUp .6s ease-out}@keyframes routeSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){body{padding-top:70px}section{padding:3rem 0}}