*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;transition:background .3s,color .3s}body.light{background:#fff;color:#000}body.dark{background:#0b1c2d;color:#fff}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#1e293b}body.light .navbar{background:#e9d5ff}.nav-links{display:flex;gap:28px}.nav-links a{text-decoration:none;font-weight:700;color:#fff;position:relative}body.light .nav-links a{color:#1e3a8a}.nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:#22c55e;transition:width .3s}.nav-links a:hover:after{width:100%}.theme-btn{padding:8px 14px;border:none;cursor:pointer;border-radius:6px;font-weight:700;background:#22c55e;color:#fff}.page{padding:40px}h1{margin-bottom:16px}