:root{--bg-color: #1a1a2e;--text-color: #eaeaea;--primary: #ff007a;--primary-hover: #cc0060;--secondary: #00d2ff;--card-bg: #16213e;--card-hover: #0f3460;--nav-bg: rgba(26, 26, 46, .9);--footer-bg: #0f1523;--font-main: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}[data-theme=light]{--bg-color: #f8f9fa;--text-color: #212529;--primary: #ff007a;--primary-hover: #cc0060;--secondary: #008eb3;--card-bg: #ffffff;--card-hover: #e9ecef;--nav-bg: rgba(248, 249, 250, .9);--footer-bg: #e9ecef}*{box-sizing:border-box;margin:0;padding:0}::selection{background-color:var(--primary);color:#fff}:focus-visible{outline:3px solid var(--secondary);outline-offset:3px;border-radius:4px}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background:var(--nav-bg);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px)}.logo{font-size:1.5rem;font-weight:700;color:var(--secondary)}.links a{color:var(--text-color);text-decoration:none;margin:0 1rem;font-weight:500;transition:color .3s}.links a:hover{color:var(--primary)}.lang-switch button{background:none;border:1px solid var(--secondary);color:var(--secondary);padding:.3rem .6rem;border-radius:5px;cursor:pointer;margin-left:.5rem;font-weight:700;transition:.3s}.lang-switch button:hover{background:var(--secondary);color:var(--bg-color)}.theme-switch button{background:none;border:1px solid var(--secondary);color:var(--secondary);padding:.3rem .6rem;border-radius:5px;cursor:pointer;margin-left:.5rem;font-weight:700;transition:.3s}.theme-switch button:hover{background:var(--secondary);color:var(--bg-color)}.hero{text-align:center;padding:8rem 2rem;background:radial-gradient(circle at center,var(--card-bg) 0%,var(--bg-color) 100%)}.hero h1{font-size:3.5rem;margin-bottom:1rem;color:var(--text-color)}.subtitle{font-size:2rem;font-weight:400;margin-bottom:3rem}.highlight{color:var(--primary);font-weight:700;border-right:3px solid var(--primary);padding-right:5px;animation:blink 1s step-end infinite}@keyframes blink{50%{border-color:transparent}}.btn{display:inline-block;background:var(--primary);color:#fff;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-size:1.2rem;font-weight:700;transition:transform .3s,background .3s;box-shadow:0 4px 15px #ff007a66}.btn:hover{background:var(--primary-hover);transform:translateY(-3px)}.btn.outline{background:transparent;border:2px solid var(--secondary);color:var(--secondary);box-shadow:0 4px 15px #00d2ff33}.btn.outline:hover{background:var(--secondary);color:var(--bg-color)}.section{padding:5rem 5%;text-align:center}.section.alt-bg{background:var(--card-bg)}.section h2{font-size:2.5rem;color:var(--secondary);margin-bottom:1rem}.section .desc{font-size:1.2rem;margin-bottom:3rem;color:var(--text-color);opacity:.8}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.card{background:var(--card-bg);padding:2.5rem 1.5rem;border-radius:15px;border-bottom:4px solid var(--primary);transition:transform .3s,background .3s;cursor:pointer}.card:hover{transform:translateY(-10px);background:var(--card-hover)}.card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}footer{text-align:center;padding:3rem 1rem;background:var(--footer-bg);color:var(--text-color);opacity:.8}@media(max-width:768px){.links{display:none}.hero h1{font-size:2.5rem}.subtitle{font-size:1.5rem}}