:root{--text-dark: #0A1128;--accent-purple: #E6Ddf2;--accent-purple-text: #C4B5FD;--bg-color: #FAFAFB}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif;color:var(--text-dark)}body{background-color:var(--bg-color);line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f5e6ff;z-index:-999;opacity:var(--scroll-opacity, 0)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;background-color:#fff;width:100%;position:sticky;top:0;left:0;z-index:9999;box-shadow:0 2px 15px #0000000d}.logo{display:flex;align-items:center;flex-shrink:0;z-index:10002}.logo a{display:flex;align-items:center;text-decoration:none}.logo a:before{display:none}.logo img{width:45px;height:45px;border-radius:50%;object-fit:cover;transition:transform .3s ease}.logo a:hover img{transform:scale(1.05)}nav{display:flex;gap:15px}nav a{position:relative;text-decoration:none;font-weight:500;font-size:1.1rem;padding:8px 24px;color:var(--text-dark);display:inline-flex;align-items:center;justify-content:center}nav a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1.5px solid var(--text-dark);border-radius:50% 40% 60%/40% 50% 40% 60%;opacity:0;transform:scale(.9) rotate(-2deg);transition:all .3s ease-in-out;pointer-events:none}nav a:hover:before{opacity:1;transform:scale(1) rotate(0)}nav a.active:before{opacity:1;transform:scale(1) rotate(0)}h1{font-size:2.5rem;margin-bottom:20px}.purple-title{color:var(--accent-purple-text)}p{font-size:1rem;margin-bottom:20px;text-align:center}.btn-primary{background-color:transparent;border:2px solid var(--text-dark);padding:10px 30px;border-radius:30px;cursor:pointer;font-weight:600;background-color:var(--accent-purple);transition:.3s;text-decoration:none!important}.btn-primary:hover{background-color:var(--text-dark);color:#fff}section{padding:20px;margin-top:0;display:flex;flex-direction:column;align-items:center}.hero-section{padding:0;position:relative}.hero-image{width:100%;max-height:90vh;object-fit:cover}.scroll-down-arrow{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.scroll-down-arrow svg{width:100px;height:100px;color:var(--accent-purple-text);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.about-avatar{width:150px;margin-bottom:20px}.portfolio-grid,.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:1200px;margin:0 auto}section.portfolio-grid{padding-top:0}.portfolio-item{position:relative;aspect-ratio:1 / 1;border-radius:1px;overflow:hidden;cursor:pointer}.portfolio-item img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffd9;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h3{color:#8a7bb3;font-size:1.1rem;text-transform:uppercase;letter-spacing:3px;margin-bottom:5px;text-align:center}.portfolio-overlay p{color:#8a7bb3;font-size:.95rem;margin:0;text-align:center}section.portfolio-header{padding-bottom:20px!important}@media (min-width: 768px){section.portfolio-header{padding-top:20px}}.filter-buttons{display:flex;gap:20px;margin-top:20px}.filter-btn{background:none;border:none;font-size:1rem;color:#a0a0a0;cursor:pointer;transition:color .3s}.filter-btn.active{color:var(--text-dark);font-weight:600}.portfolio-item img,.gallery-item img{width:100%;border-radius:10px;object-fit:cover}footer{display:flex;justify-content:space-between;padding:40px 10% 20px;background-color:var(--bg-color);position:relative}.footer-content{display:flex;gap:80px}.footer-column h3{margin-bottom:15px;text-align:left}.footer-column a,.footer-column p{display:block;text-decoration:none;margin-bottom:12px;line-height:1.5;text-align:left}.footer-column a:not(.social-icon){width:fit-content;transition:all .3s ease}.footer-column a:not(.social-icon):hover{transform:scale(1.1);color:#a275ff}.footer-column:first-of-type{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.footer-column .social-icon{align-self:flex-start;margin-top:auto;padding-bottom:5px;display:flex;align-items:center;height:24px}@media (max-width: 768px){footer{padding-right:2%;padding-left:10%}}.scroll-to-top{position:fixed;right:40px;bottom:60px;width:60px;height:60px;border-radius:50%;border:4px solid var(--accent-purple-text);background:transparent;color:var(--accent-purple-text);cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .1s ease}.scroll-to-top svg,.scroll-to-top svg *{width:28px;height:28px;stroke:var(--accent-purple-text)!important;transition:all .1s ease!important}.scroll-to-top:hover svg,.scroll-to-top:hover svg *{stroke:var(--text-dark)!important}.scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{border-color:var(--text-dark);color:var(--text-dark);transform:translateY(-5px) scale(1.05)}.social-icon svg{width:25px;height:25px;fill:var(--text-dark);transition:transform .3s ease,fill .3s ease;margin-top:6px}.social-icon:hover svg{fill:var(--accent-purple-text);transform:scale(1.1)}@media (max-width: 500px){.scroll-to-top{position:fixed;right:40px;bottom:120px;width:60px;height:60px;border-radius:50%;border:4px solid var(--accent-purple-text);background:transparent;color:var(--accent-purple-text);cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .1s ease}}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:5px;color:var(--text-dark);z-index:10001}@media (max-width: 768px){.mobile-menu-toggle{display:block}.navbar{padding:15px 20px;background-color:var(--bg-color)}nav.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--accent-purple);flex-direction:column;padding:0;gap:0}nav.nav-menu.open{display:flex}nav.nav-menu a{width:100%;padding:15px 0;text-align:center;margin:0;border-radius:0}nav.nav-menu a:before{display:none}nav.nav-menu a.active,nav.nav-menu a:hover{background-color:#9b94bc;border:none}}.blog-page-section{margin-top:30px;max-width:800px;margin-left:auto;margin-right:auto;padding:0 20px 80px;display:flex;flex-direction:column;gap:80px}.blog-post{display:flex;flex-direction:column}.blog-img{width:100%;height:auto;max-height:500px;object-fit:cover;margin-bottom:20px;border-radius:12px}.blog-title{font-size:2.2rem;color:var(--text-dark);margin-bottom:8px;text-align:left}.blog-date{color:#999;font-size:.95rem;margin-bottom:15px;text-align:left}.blog-date-expanded{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:var(--text-dark);margin-bottom:30px;font-weight:500}.blog-excerpt{font-size:1.05rem;line-height:1.6;text-align:left;margin-bottom:15px;color:var(--text-dark)}.blog-content p{font-size:1.05rem;line-height:1.8;text-align:left;margin-bottom:20px;color:var(--text-dark)}.read-more-btn,.read-less-btn{background:none;border:none;font-size:1rem;font-weight:600;color:var(--text-dark);cursor:pointer;text-align:left;padding:0;margin-top:5px;transition:opacity .3s}.read-more-btn:hover,.read-less-btn:hover{opacity:.7}.about-page-section{margin-top:30px;padding:0 10% 80px;display:flex;justify-content:center}.about-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:1200px;width:100%}.item-title{order:1}.item-desc{order:2}.item-cv{order:3}.item-photo{order:4}@media (min-width: 768px){.about-grid{grid-template-columns:1fr 1fr;column-gap:80px;row-gap:60px;grid-template-areas:"title desc" "cv photo"}.item-title{grid-area:title;order:unset}.item-desc{grid-area:desc;order:unset}.item-cv{grid-area:cv;order:unset}.item-photo{grid-area:photo;order:unset}}.huge-title{font-size:4rem;color:var(--text-dark);line-height:1.1;margin:0}.about-description{text-align:left;font-size:.95rem;line-height:1.8;color:var(--text-dark);margin:0}.cv-container{display:flex;flex-direction:column;align-items:flex-start}.cv-title{font-size:1.1rem;text-transform:uppercase;letter-spacing:4px;margin-top:0;margin-bottom:30px;color:var(--text-dark)}.cv-list{list-style-type:none;padding-left:0;margin:0}.cv-list li{font-size:.95rem;margin-bottom:25px;position:relative;padding-left:25px;line-height:1.6}.cv-list li:before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border:2px solid var(--text-dark);border-radius:50%;background-color:var(--accent-purple)}.about-portrait{width:100%;height:auto;object-fit:cover;border-radius:4px;display:block}.project-detail-section{max-width:800px;margin:120px auto 80px;padding:0 10%;display:flex;flex-direction:column}.project-meta{color:var(--accent-purple-text);font-size:.95rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.project-detail-title{font-size:2.5rem;color:var(--text-dark);margin-bottom:30px}.project-detail-text{font-size:1.05rem;line-height:1.8;color:var(--text-dark);margin-bottom:50px}.project-gallery{display:flex;flex-direction:column;gap:30px}.project-gallery img{width:100%;border-radius:4px;object-fit:cover}.best-of-section .purple-title{margin-bottom:35px;margin-top:40px;padding-top:0;background:linear-gradient(90deg,var(--accent-purple-text),#a275ff,var(--accent-purple-text));background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:gradientFlow 4s linear infinite}@keyframes gradientFlow{to{background-position:200% center}}