:root,x [data-theme=light]{--primary: #64a3f0;--secondary: #aae0f0;--bg-page: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);--bg-card: #ffffff;--bg-input: #f9fafb;--bg-highlight: linear-gradient(90deg, var(--primary), var(--secondary));--text-main: #1f2933;--text-muted: #475569;--text-soft: #5a6c7d;--text-strong: #0e0e0e;--border-soft: #e5e7eb;--border-hover: var(--primary);--shadow-card: 0 12px 40px rgba(0, 0, 0, .08);--shadow-hover: 0 20px 48px rgba(0, 123, 255, .15);--success-bg: #ecfdf5;--success-text: #047857;--error-bg: #fef2f2;--error-text: #991b1b;--icon-fill: #555;--icon-fill-hover: #007bff}[data-theme=dark]{--primary: #64a3f0;--secondary: #aae0f0;--bg-page: linear-gradient(135deg, #0b1220 0%, #0f172a 100%);--bg-card: #121c33;--bg-input: #0f1b33;--bg-highlight: linear-gradient(90deg, var(--primary), var(--secondary));--text-main: #f8fafc;--text-muted: #a4b8d0;--text-soft: #94a3b8;--text-strong: #e5e7eb;--border-soft: #1f2a44;--border-hover: var(--primary);--shadow-card: 0 14px 50px rgba(0, 0, 0, .6);--shadow-hover: 0 30px 70px rgba(0, 229, 255, .35);--success-bg: #064e3b;--success-text: #6ee7b7;--error-bg: #7f1d1d;--error-text: #fca5a5;--icon-fill: #050505;--icon-fill-hover: #4fc3ff}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-page);color:var(--text-main)}html,body{box-sizing:border-box;transition:background-color .3s ease,color .3s ease}body{background:var(--bg-page);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}a{text-decoration:none;color:var(--primary)}a:hover{color:var(--secondary)}.container{width:100%;margin:0}h1{font-size:2.5rem;margin-bottom:15px;text-align:center;color:var(--text-strong)}h2{font-size:2rem;margin-bottom:12px;text-align:center;color:var(--text-strong)}h3{font-size:1.6rem;margin-bottom:10px;text-align:center;color:var(--text-strong)}p{margin-bottom:15px;font-size:1rem;color:var(--text-main);text-align:center}.button{display:inline-block;padding:10px 18px;background:#007bff;border-radius:4px;font-weight:600;transition:.3s}.button:hover{background:#0062cc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #007bff4d}50%{box-shadow:0 0 40px #007bff99}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes blobAnimation{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-20px,-30px) scale(1.1)}50%{transform:translate(20px,20px) scale(.95)}75%{transform:translate(-30px,20px) scale(1.05)}}@keyframes checkMark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){h1{font-size:1.8rem;margin-bottom:12px}h2{font-size:1.5rem;margin-bottom:10px}h3{font-size:1.2rem;margin-bottom:8px}p{font-size:.95rem;margin-bottom:12px}.container{width:100%;padding:0 16px}}@media (max-width: 480px){h1{font-size:1.5rem;margin-bottom:10px}h2{font-size:1.3rem;margin-bottom:8px}h3{font-size:1.1rem;margin-bottom:6px}p{font-size:.9rem;margin-bottom:10px}.container{width:100%;padding:0 12px}img{max-width:100%;height:auto;display:block}[class*=grid],[class*=flex-row]{flex-direction:column!important}}