:root{--bg-body: #f1ecdf;--bg-main: linear-gradient(135deg, #e6e0cf, #d4ccb4);--bg-card: rgba(255, 255, 255, .55);--bg-hover: rgba(143, 155, 107, .15);--accent: #8f9b6b;--accent-soft: #b7a66a;--accent-dark: #6f7b52;--accent-glow: rgba(143, 155, 107, .4);--text-main: #2f2f2a;--text-soft: #5f6352;--text-muted: #8a8d7a;--border-main: rgba(143, 155, 107, .55);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--shadow-card: 0 8px 22px rgba(60, 60, 40, .25);--shadow-hover: 0 16px 42px rgba(143, 155, 107, .45);--ease: cubic-bezier(.34, 1.56, .64, 1)}.dark{--bg-body: #12140f;--bg-main: linear-gradient(135deg, #181c12, #222816);--bg-card: rgba(26, 30, 24, .9);--bg-hover: rgba(168, 181, 138, .18);--accent: #a8b58a;--accent-soft: #c1cf9a;--accent-dark: #7c875c;--accent-glow: rgba(168, 181, 138, .45);--text-main: #e7e9dd;--text-soft: #a3a88f;--text-muted: #c0c6a2;--border-main: rgba(168, 181, 138, .6);--shadow-card: 0 10px 30px rgba(0, 0, 0, .65);--shadow-hover: 0 18px 48px rgba(168, 181, 138, .45)}:root{--svg-color: var(--accent);--svg-hover: var(--accent-soft);--svg-glow: var(--accent-glow)}.dark{--svg-color: var(--accent);--svg-hover: var(--accent-soft);--svg-glow: var(--accent-glow)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-body);color:var(--text-main);display:flex;justify-content:center;align-items:center}.parent{width:min(1100px,92%);display:grid;place-items:center;padding:clamp(20px,4vw,40px)}.div2{width:100%;background:var(--bg-main);border-radius:var(--radius-lg);padding:clamp(32px,5vw,56px);text-align:center;box-shadow:var(--shadow-card);position:relative;overflow:hidden;animation:pageEnter .8s var(--ease)}@keyframes pageEnter{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.div2:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--accent-soft));opacity:.08;z-index:-1}.div2 h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:1.15}.highlight{background:linear-gradient(120deg,var(--accent),var(--accent-soft));background-clip:text;-webkit-background-clip:text;color:transparent}.div2>p{margin:18px auto 0;max-width:640px;font-size:1.05rem;line-height:1.7;color:var(--text-soft)}.actions{margin-top:clamp(36px,5vw,56px);display:flex;flex-wrap:wrap;justify-content:center;gap:26px}.action-card{width:260px;padding:34px 26px;background:var(--bg-card);border-radius:var(--radius-md);border:2px solid var(--border-main);display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;color:inherit;cursor:pointer;position:relative;overflow:hidden;transition:all .5s var(--ease)}.action-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--accent-soft));opacity:0;z-index:0}.action-card>*{position:relative;z-index:1}.action-card svg{width:52px;height:52px;color:var(--accent);transition:all .5s var(--ease)}.action-card h4{margin:0;font-size:1.2rem;font-weight:600}.action-card p{margin:0;font-size:.95rem;color:var(--text-muted)}.action-card:hover{transform:translateY(-12px) scale(1.05);box-shadow:var(--shadow-hover);background:var(--bg-hover)}.action-card:hover:before{opacity:.12}.action-card:hover svg{transform:scale(1.25) rotate(8deg);color:var(--accent-soft);filter:drop-shadow(0 0 12px var(--accent-glow))}.action-card:hover h4{color:var(--accent)}.action-card:hover p{color:var(--text-main)}.action-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:820px){body{align-items:flex-start;padding-top:40px}.actions{flex-direction:column;gap:20px}.action-card{width:100%;max-width:420px}}.action-card svg{color:var(--svg-color);transition:color .35s ease,transform .45s cubic-bezier(.34,1.56,.64,1),filter .35s ease}