html,body{margin:0;padding:0;font-family:Arial,sans-serif}#app{width:100%;min-height:100vh}:root{--primary-color: #7f5af0;--primary-color-rgb: 127, 90, 240;--secondary-color: #2cb67d;--text-color: #333;--text-light: #666;--background-light: #f5f5f5;--background-dark: #333;--white: #fff;--border-color: #ddd;--max-width: 1200px;--header-height: 64px;--footer-height: 60px;--border-radius: 4px;--box-shadow: 0 8px 32px rgba(31, 38, 135, .15);--header-bg: rgba(255, 255, 255, .9);--transition: all .3s ease}[data-theme=dark]{--primary-color: #7f5af0;--secondary-color: #2cb67d;--text-color: #ececec;--text-light: #94a1b2;--background-light: #242629;--background-dark: #16161a;--border-color: rgba(255, 255, 255, .08);--header-bg: rgba(18, 18, 18, .9);--box-shadow: 0 4px 20px rgba(0, 0, 0, .2);--primary-color-rgb: 127, 90, 240;--secondary-color-rgb: 44, 182, 125;--accent-color-rgb: 255, 142, 60;--tile-bg: rgba(30, 30, 30, .85);--card-bg: #242629;--heading-color: #fff;--muted-color: #94a1b2;--shadow-color: rgba(0, 0, 0, .2);--card-shadow: 0 4px 20px var(--shadow-color);--hover-card-shadow: 0 10px 30px rgba(0, 0, 0, .25);--footer-bg: rgba(22, 22, 26, .7);--tooltip-bg: rgba(220, 220, 220, .95);--tooltip-color: #16161a;--tag-bg: rgba(138, 43, 226, .2);--tag-text: #a56eff;--tech-info-bg: rgba(30, 30, 30, .8);--tech-section-bg: rgba(40, 40, 40, .9);--tech-pill-bg: rgba(138, 43, 226, .15);--tech-border: rgba(138, 43, 226, .15);--tech-gradient: rgba(138, 43, 226, .3);--tech-shadow: rgba(138, 43, 226, .2);--tech-pill-shadow: rgba(138, 43, 226, .3)}*{box-sizing:border-box;margin:0;padding:0}.no-transition *{transition:none!important}html,body{font-family:Inter,Avenir,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text-color);background-color:transparent;position:relative;z-index:0;transition:color .3s ease,background-color .3s ease}[data-theme=dark] html,[data-theme=dark] body{background-color:var(--background-dark);color:var(--text-color)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--secondary-color)}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;line-height:1.2;font-weight:700}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:1rem}.container{width:100%;margin:0 auto;padding:0 5%}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:var(--white);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.btn-primary:hover{box-shadow:0 6px 16px rgba(var(--primary-color-rgb),.4);transform:translateY(-3px)}.btn-secondary{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.1)}.btn-secondary:hover{background-color:rgba(var(--primary-color-rgb),.2);box-shadow:0 6px 16px rgba(var(--primary-color-rgb),.2);transform:translateY(-3px)}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:rgba(var(--primary-color-rgb),.1)}.card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;box-shadow:var(--box-shadow);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}[data-theme=dark] .card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.card:hover{transform:translateY(-5px);box-shadow:var(--hover-card-shadow)}@media (max-width: 768px){html{font-size:14px}h1{font-size:2.2rem}h2{font-size:1.8rem}}