*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#2c2c2c}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}body{background:#f5f5f5;color:#2c2c2c;transition:background-color .3s ease,color .3s ease}.dark-theme{--color-primary: #f5f5f5;--color-secondary: #b0b0b0;--color-accent: #4a9eff;--color-bg: #1a1a1a;--color-bg-light: #2c2c2c}.dark-theme body{background:#1a1a1a;color:#f5f5f5}.dark-theme *{border-color:#404040}.light-theme{--color-primary: #2c2c2c;--color-secondary: #808080;--color-accent: #4a9eff;--color-bg: #f5f5f5;--color-bg-light: #f9f9f9}.animate-ready{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-in{opacity:1;transform:translateY(0)}.animate-ready:nth-child(1){transition-delay:.1s}.animate-ready:nth-child(2){transition-delay:.2s}.animate-ready:nth-child(3){transition-delay:.3s}.animate-ready:nth-child(4){transition-delay:.4s}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#4a9eff,#06c);z-index:9999;transition:width .1s ease-out;box-shadow:0 2px 4px #4a9eff4d}.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;background:linear-gradient(135deg,#4a9eff,#06c);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4a9eff66;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;opacity:0;transform:translateY(20px) scale(.8);pointer-events:none}.back-to-top.show{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.back-to-top svg{width:24px;height:24px}.back-to-top:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 6px 20px #4a9eff80}.back-to-top:active{transform:translateY(-2px) scale(1)}@media (max-width: 768px){.back-to-top{bottom:20px;right:20px;width:48px;height:48px;z-index:999}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}