*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1f3a4d;--secondary: #2a4d63;--accent: #c9a961;--dark: #1a2a38;--light: #f5f7fa;--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--color-1: #1f3a4d;--color-2: #2a4d63;--color-3: #c9a961;--color-4: #d4b896;--color-5: #3a5a78}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#1a2a38,#2a3f52,#1f3a4d);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;width:300px;height:300px;background:radial-gradient(circle,rgba(201,169,97,.15) 0%,transparent 70%);border-radius:50%;top:-100px;right:-100px;z-index:-1;pointer-events:none}body:after{content:"";position:fixed;width:400px;height:400px;background:radial-gradient(circle,rgba(31,58,77,.2) 0%,transparent 70%);border-radius:50%;bottom:-150px;left:-150px;z-index:-1;pointer-events:none}html,body{height:100%}a{color:var(--primary);text-decoration:none;transition:var(--transition);font-weight:500}a:hover{color:var(--secondary);transform:translateY(-2px)}button{cursor:pointer;border:none;padding:12px 28px;border-radius:var(--border-radius);font-size:1rem;font-weight:600;transition:var(--transition);box-shadow:0 4px 15px #667eea33}button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea4d}button:active{transform:translateY(-1px)}