:root{--bg-color:#f8fafc;--fg-color:#d9eafd;--text-color:#000;--primary-color:#bcccdc;--primary-color-text:#000;--primary-hover:#9aa6b2;--border-color:#dee2e6;--shadow-color:rgba(0,0,0,.1)}[data-theme=dark]{--bg-color:#121212;--fg-color:#2c2c2c;--text-color:#ecf0f0;--primary-color:#73a0e6;--primary-color-text:#ecf0f1;--primary-hover:#3c6496;--border-color:#3d3d3d;--shadow-color:hsla(0,0%,100%,.1)}[data-theme=amoled]{--bg-color:#000;--fg-color:#0a0a0a;--text-color:#bebebe;--primary-color:#0ff;--primary-color-text:#000;--primary-hover:rgba(0,255,255,.5);--border-color:#282828;--shadow-color:hsla(0,0%,100%,.2)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,color .1s ease,border-color .3s ease}body{font-family:Segoe UI,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color)}.container{margin:0 auto;padding:2rem}@media(min-width:576px){.container{max-width:992px}}@media(min-width:992px){.container{max-width:70vw}}.theme-switcher{position:fixed;top:1rem;right:1rem;display:flex;background:var(--fg-color);border-radius:40px;padding:.3rem;gap:.3rem;box-shadow:0 2px 10px var(--shadow-color);z-index:1000}.theme-switcher .theme-option{width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--text-color);cursor:pointer;position:relative;display:grid;place-items:center;transition:color .2s ease,transform .3s ease;z-index:1}.theme-switcher .theme-option:hover{color:var(--primary-color);transform:scale(1.5)}.theme-switcher .theme-option.active{color:var(--primary-color);transform:scale(2)}.theme-switcher .theme-option svg{width:1rem;height:1rem}.theme-switcher .theme-option.amoled svg{fill:#000}.header{background:var(--fg-color);color:var(--text-color);text-align:center;padding:2rem 0;box-shadow:0 2px 5px var(--shadow-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.projects-grid .project-card{background:var(--fg-color);border-radius:8px;box-shadow:0 2px 5px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;padding:1.5rem}.projects-grid .project-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px var(--shadow-color)}.projects-grid .project-card .tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.projects-grid .project-card .tech-stack span{background:var(--primary-color);color:var(--primary-color-text);padding:.3rem .8rem;border-radius:20px;font-size:.9rem}.projects-grid .project-card .project-buttons{margin-top:auto;display:flex;gap:.5rem}.projects-grid .project-card .project-buttons .btn{align-self:flex-start}.btn{display:inline-block;background:var(--primary-color);color:var(--primary-color-text);padding:.5rem 1rem;border-radius:5px;text-decoration:none;margin-top:1rem;margin-right:.5rem;transition:background-color .3s ease}.btn:hover{background:var(--primary-hover)}.about-content{gap:3rem;margin-top:2rem}.about-content .profile-image{border-radius:50%}.about-content .profile-image img{width:100%;height:100%}@media(min-width:576px){.about-content{display:grid;grid-template-columns:2fr 1fr;text-align:center}.about-content .profile-image{min-width:20vw}}@media(min-width:768px){.about-content{display:flex;align-items:center;text-align:left}.about-content .profile-image{min-width:0;max-width:20vw}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.skills-grid .skill-card{background:var(--fg-color);border-radius:8px;box-shadow:0 2px 5px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;padding:1.5rem}.skills-grid .skill-card .skill-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skills-grid .skill-card .skill-items .skill-item{background:var(--fg-color);color:var(--text-color);padding:.3rem .8rem;border-radius:20px;font-size:.9rem;border:1px solid var(--border-color)}.social-links{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem}.social-links a{color:var(--text-color);font-size:1.5rem;transition:opacity .3s ease}.social-links a:hover{opacity:.8}.contact-form{max-width:600px;margin:2rem auto 0}.contact-form .form-group{margin-bottom:1.5rem}.contact-form .form-group input,.contact-form .form-group textarea{width:100%;padding:.8rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background:var(--fg-color);color:var(--text-color)}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:var(--text-color);opacity:.7}.footer{background:var(--fg-color);color:var(--text-color);text-align:center;margin-top:4rem;box-shadow:0 -2px 5px var(--shadow-color)}.footer .scroll-top{background:var(--primary-color);color:var(--primary-color-text);border:none;padding:1rem;border-radius:50%;cursor:pointer;margin-bottom:1rem;transition:background-color .3s ease}.footer .scroll-top:hover{background:var(--primary-hover)}.footer .social-links{margin-bottom:1rem}[data-theme=amoled] .project-card,[data-theme=amoled] .skill-card,[data-theme=dark] .project-card,[data-theme=dark] .skill-card{border:1px solid var(--border-color)}