@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,700&display=swap);.theme-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:var(--primary);color:var(--accent);border:none;box-shadow:0 2px 10px rgba(0,0,0,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:background-color .3s,transform .2s}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle.dark-mode{background-color:var(--secondary);color:var(--primary)}@media screen and (max-width:768px){.theme-toggle{bottom:15px;right:15px}}@media screen and (max-width:480px){.theme-toggle{width:40px;height:40px;bottom:10px;right:10px}}:root{font-family:Nunito,sans-serif;--primary:#4b6a97;--secondary:#e6c89c;--accent:#edf8ff;--text:#303c4a;--background:#f5f8fb}:root.dark-theme{--primary:#345380;--secondary:#d9b37d;--accent:#1e2a3a;--text:#e0e6ed;--background:#1a212c}body{margin:0;background-color:var(--primary);color:var(--text);transition:background-color .3s ease,color .3s ease}#app{display:flex;height:100vh;width:100vw;overflow-x:hidden}#app>div{flex:1}#logo-space{flex:0.3!important;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--primary);transition:background-color .3s ease}#logo-space>h1{color:#edf8ff;letter-spacing:1px;margin-top:20px}#logo{height:200px;fill:var(--secondary)}#eyeball{transition:fill .5s;fill:#edf8ff}#eyeball:hover{fill:#fff}#main{flex:0.7!important;background-color:var(--background);padding:20px;flex-direction:column;overflow-y:auto;transition:background-color .3s ease}#main,nav{display:flex}nav{gap:20px;margin-bottom:30px}nav a{color:var(--primary);text-decoration:none;font-weight:600;position:relative;padding:5px 0;transition:color .3s ease}.dark-theme nav a{color:#a7c1e0}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:width .3s}nav a.router-link-active:after,nav a:hover:after{width:100%}@media screen and (max-width:768px){#app{flex-direction:column;height:auto;min-height:100vh}#logo-space{flex:initial!important;padding:20px 0}#logo{height:150px}#main{flex:initial!important}nav{flex-wrap:wrap}}@media screen and (max-width:480px){#logo{height:120px}#logo-space>h1{font-size:1.5rem}nav{justify-content:center}#main{padding:15px}}#home[data-v-0f7758ca]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;padding:0 20px}h1[data-v-0f7758ca]{color:var(--primary);font-size:2.5rem;margin-bottom:.5rem}p[data-v-0f7758ca]{color:var(--text);font-size:1.2rem;margin-bottom:2rem}.cta-buttons[data-v-0f7758ca]{display:flex;gap:15px}.btn[data-v-0f7758ca]{padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:600;transition:all .2s ease}.btn.primary[data-v-0f7758ca]{background-color:var(--primary);color:#fff}.btn.primary[data-v-0f7758ca]:hover{background-color:#3a547a}.btn.secondary[data-v-0f7758ca]{background-color:var(--secondary);color:#303c4a}.btn.secondary[data-v-0f7758ca]:hover{background-color:#d6b98c}@media screen and (max-width:768px){#home[data-v-0f7758ca]{padding-top:30px;padding-bottom:30px}}@media screen and (max-width:480px){h1[data-v-0f7758ca]{font-size:2rem}p[data-v-0f7758ca]{font-size:1rem}.cta-buttons[data-v-0f7758ca]{flex-direction:column;width:100%;max-width:250px}.btn[data-v-0f7758ca]{width:100%;text-align:center}}#portfolio[data-v-25db0362]{padding:20px;max-width:1200px;margin:0 auto}h1[data-v-25db0362]{color:var(--primary);margin-bottom:.5rem;font-size:2.5rem}.dark-theme h1[data-v-25db0362]{color:#a7c1e0}h2[data-v-25db0362]{color:var(--primary);margin-bottom:1rem;font-size:1.5rem}.dark-theme h2[data-v-25db0362]{color:#a7c1e0}.subtitle[data-v-25db0362]{color:var(--text);margin-bottom:2rem;font-size:1.1rem}.portfolio-grid[data-v-25db0362]{display:flex;flex-direction:column;gap:25px}.portfolio-item[data-v-25db0362]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease;box-sizing:border-box}.dark-theme .portfolio-item[data-v-25db0362]{background-color:var(--accent)}.portfolio-item[data-v-25db0362]:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.portfolio-layout[data-v-25db0362]{display:flex;align-items:center}.portfolio-content[data-v-25db0362]{padding:25px;width:70%;box-sizing:border-box}.portfolio-content p[data-v-25db0362]{color:var(--text);margin-bottom:1.5rem;line-height:1.6}.tags[data-v-25db0362]{display:flex;flex-wrap:wrap;margin-bottom:1.5rem;gap:8px}.tag[data-v-25db0362]{background-color:#edf8ff;color:var(--primary);font-size:.8rem;padding:4px 10px;border-radius:15px;font-weight:600}.links[data-v-25db0362]{display:flex;gap:12px}.visit-link[data-v-25db0362]{display:inline-block;background-color:var(--primary);color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:600;transition:background-color .2s ease}.visit-link[data-v-25db0362]:hover{background-color:#3a547a}.github-link[data-v-25db0362]{display:inline-block;background-color:#333;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:600;transition:background-color .2s ease}.github-link[data-v-25db0362]:hover{background-color:#555}.portfolio-image[data-v-25db0362]{width:30%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-right:15px;padding:15px;flex-shrink:0}@media (max-width:768px){#portfolio[data-v-25db0362]{padding:15px}.portfolio-layout[data-v-25db0362]{flex-direction:column}.portfolio-image[data-v-25db0362]{width:100%;height:150px;margin-bottom:15px;margin-right:0;padding:10px}.portfolio-content[data-v-25db0362]{width:100%;padding:15px}.portfolio-item[data-v-25db0362]{padding:0 0 10px 0}}@media (max-width:480px){h1[data-v-25db0362]{font-size:2rem}.subtitle[data-v-25db0362]{font-size:1rem}.portfolio-item[data-v-25db0362]{margin-bottom:20px;padding:0 0 10px 0}.portfolio-content[data-v-25db0362]{padding:15px}.portfolio-image[data-v-25db0362]{height:120px;padding:15px}.tags[data-v-25db0362]{margin-bottom:1rem}.links[data-v-25db0362]{flex-direction:column;gap:8px}.github-link[data-v-25db0362],.visit-link[data-v-25db0362]{width:100%;text-align:center}}