:root{--color-bg: #0a0a0a;--color-bg-secondary: #1a1a1a;--color-text: #ffffff;--color-text-muted: #a0a0a0;--color-accent: #5990e7;--color-accent-hover: #2563eb;--color-border: #333333;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--offset-y: -4px;--border-radius: 8px;--transition: all .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;scroll-behavior:smooth}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;margin-left:100px}h1{font-size:3rem;font-weight:700;line-height:1.2;color:var(--color-accent);margin-bottom:var(--spacing-md)}h2{font-size:2rem;font-weight:600;line-height:1.3;color:var(--color-accent);margin-bottom:var(--spacing-md)}h3{font-size:1.5rem;font-weight:600;line-height:1.4;color:var(--color-text);margin-bottom:var(--spacing-sm)}p{font-size:1rem;line-height:1.6;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}header{background-color:var(--color-bg-secondary);padding:var(--spacing-xl) var(--spacing-md);border-right:2px solid var(--color-border);position:fixed;left:0;top:0;height:100vh;width:100px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}header nav{display:flex;flex-direction:column;justify-content:top;align-items:center;gap:var(--spacing-xl);height:100%}header a{color:var(--color-text);text-decoration:none;font-size:1.1rem;font-weight:500;padding:var(--spacing-md);border-radius:var(--border-radius);transition:var(--transition);position:relative;writing-mode:vertical-rl;text-orientation:mixed;rotate:180deg}header a:hover{color:var(--color-accent);background-color:#3b82f61a}header a:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;background-color:var(--color-accent);transition:height .3s ease}header a:hover:after{height:80%}.burger-menu{display:none}footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:1rem;margin-top:var(--spacing-2xl)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);text-align:center}.footer-section h3{color:var(--color-accent);margin-bottom:var(--spacing-sm);font-size:1.2rem}.footer-section p{color:var(--color-text-muted);font-size:.95rem}.footer-section a{color:var(--color-accent);text-decoration:none;transition:var(--transition);margin:0 var(--spacing-xs)}.footer-section a:hover{color:var(--color-accent-hover);text-decoration:underline}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:var(--transition);cursor:pointer;border:none;font-size:1rem}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btn-secondary:hover{background-color:var(--color-accent);color:#fff;transform:translateY(-2px)}.home-page{max-width:1200px;margin:0 auto}.hero{text-align:center;padding:var(--spacing-2xl) var(--spacing-md);min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-content h1{animation:fadeInRight .8s ease}.hero-content h2{animation:fadeInLeft .8s ease .4s both}.hero-description{max-width:600px;margin:0 auto var(--spacing-xl);animation:fadeInRight .8s ease .6s both}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease 1s both}.about-container{height:100vh;display:flex;flex-direction:column;justify-content:center}.about{padding:var(--spacing-xl) var(--spacing-md);max-width:800px;margin:0 auto}.about h2{text-align:center}.about p{text-align:justify}.skills-preview{padding:var(--spacing-xl) var(--spacing-md);text-align:center;margin:0 auto}.skills-preview h2{margin-bottom:var(--spacing-xl)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);max-width:1000px;margin:0 auto}.skill-item{background-color:var(--color-bg-secondary);padding:var(--spacing-xl);border-radius:var(--border-radius);border:1px solid var(--color-border);transition:var(--transition)}.skill-item:hover{transform:translateY(var(--offset-y));border-color:var(--color-accent);box-shadow:0 8px 24px var(--color-accent)}.cv-page{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.cv-header{text-align:center;padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center;height:100vh;gap:100px}.cv-subtitle{font-size:1.5rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.cv-contact{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;font-size:1rem;color:var(--color-text-muted)}.cv-section{margin-bottom:var(--spacing-2xl)}.cv-section h2{padding-bottom:var(--spacing-sm)}.cv-section p{text-align:justify}.cv-item{margin-bottom:var(--spacing-xl);padding-left:var(--spacing-md);border-left:3px solid var(--color-accent)}.cv-item-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.cv-date{color:var(--color-text-muted);font-style:italic;font-size:.95rem}.cv-company{color:var(--color-accent);font-weight:500;margin-bottom:var(--spacing-sm)}.cv-item ul{list-style-position:inside;color:var(--color-text-muted);line-height:1.8}.cv-item li{margin-bottom:var(--spacing-xs);list-style-type:square}.skills-category{margin-bottom:var(--spacing-lg)}.skills-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}.skill-tag:hover{background-color:var(--color-accent);color:#fff;transform:scale(1.05)}.languages{display:flex;flex-direction:column;gap:var(--spacing-sm)}.language-item{color:var(--color-text-muted);font-size:1.1rem}.projects-page{max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.projects-header{text-align:center;margin-bottom:var(--spacing-2xl)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.project-card{background-color:#212121;border-radius:30px;overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;border:1px solid var(--color-border)}.project-card:hover{transform:translateY(var(--offset-y));border:2px solid var(--color-accent);box-shadow:0 4px 12px var(--color-accent)}.project-image{width:100%;height:200px;overflow:hidden;background-color:var(--color-bg)}.project-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.project-card:hover .project-image img{transform:scale(1.1)}.project-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.project-content p{color:var(--color-text-muted);margin-bottom:var(--spacing-md);flex:1;line-height:1.6}.project-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tech-tag{background-color:var(--color-bg);color:var(--color-accent);padding:4px 12px;border-radius:15px;font-size:.85rem;border:1px solid var(--color-accent)}.project-link{color:var(--color-accent);text-decoration:none;font-weight:600;transition:var(--transition);align-self:flex-start}.project-link:hover{color:var(--color-accent-hover);transform:translate(5px)}:root{--card-rotation: rotateX(45deg) rotateY(0deg) rotateZ(30deg) translateY(-100px) translateX(-50px);--card-rotation-end: rotateX(65deg) rotateY(0deg) rotateZ(45deg) translateY(-100px) translateX(-80px);--card-offset: 10px}.siegecore-page{width:calc(100vw - 100px);min-height:100vh}.scroll-snap-container{width:100%;display:flex;flex-direction:column}.siegecore-section{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md)}.siegecore-header{text-align:center;margin-bottom:var(--spacing-2xl);justify-content:space-around}.siegecore-header h2{margin-bottom:var(--spacing-md)}.siegecore-header div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-md)}.siegecore-header>div{flex-direction:column}.siegecore-header img{width:25%;height:25%;object-fit:cover}.card{position:relative;max-width:400px;width:100%;aspect-ratio:400 / 420;margin:0 auto;perspective:1000px}.card-anatomy{margin:0 auto;gap:var(--spacing-md);justify-content:space-between}.card-anatomy-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.card-anatomy-movement,.card-anatomy-stats,.card-anatomy-layout,.card-anatomy-effect,.card-anatomy-illustration{position:absolute;width:100%;height:100%;border-radius:12px;border:1px solid var(--color-border);transition:.8s ease-in-out}.card-anatomy-movement{transform:var(--card-rotation) translateZ(2px);z-index:5}.card-anatomy-stats{transform:var(--card-rotation) translateZ(1px);z-index:4}.card-anatomy-layout{transform:var(--card-rotation) translateZ(0);z-index:3}.card-anatomy-effect{transform:var(--card-rotation) translateZ(-1px);z-index:2}.card-anatomy-illustration{transform:var(--card-rotation) translateZ(-2px);z-index:1}.card.active .card-anatomy-movement{transform:var(--card-rotation-end) translateZ(180px)}.card.active .card-anatomy-stats{transform:var(--card-rotation-end) translateZ(90px)}.card.active .card-anatomy-layout{transform:var(--card-rotation-end) translateZ(0)}.card.active .card-anatomy-effect{transform:var(--card-rotation-end) translateZ(-90px)}.card.active .card-anatomy-illustration{transform:var(--card-rotation-end) translateZ(-180px)}.card-btn{background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1rem}.card-explenation{text-align:center;justify-content:space-around}.card-btn:hover{transform:none;background-color:transparent;color:var(--color-accent)}.card-btn.active{background-color:var(--color-accent);color:#fff}.card-btn.active:hover{background-color:var(--color-accent);color:#fff;transform:none}.card-icons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-lg);max-width:1000px;width:100%;margin-top:var(--spacing-lg);border-top:1px solid var(--color-accent);border-bottom:1px solid var(--color-accent);padding:20px 0}.icon-item .icon-cv{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.icon-item img,.icon-cv .icon-cv-icon{width:60px;height:60px;object-fit:contain;filter:brightness(0) invert(1);transition:var(--transition)}.icon-cv:hover .icon-cv-icon,.icon-item:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 10px var(--color-accent));transform:scale(1.3)}.icon-item p,.icon-cv p{color:var(--color-text-muted);font-size:.9rem;text-align:center;margin:0;transition:var(--transition)}.icon-cv:hover p,.icon-item:hover p{color:var(--color-accent);transform:translateY(5px)}.vector-placeholder{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.9rem;transition:var(--transition)}.vector-placeholder:hover{border-color:var(--color-accent);box-shadow:0 4px 16px var(--color-accent);transform:translateY(-4px)}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){header{width:100vw;height:auto;padding:var(--spacing-sm) 0;background-color:var(--color-bg-secondary);border-right:none;border-bottom:1px solid var(--color-border);position:sticky;left:0;display:flex;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.burger-menu{display:none}header nav{display:flex;flex-direction:row;height:auto;width:auto;gap:var(--spacing-md);position:static;transform:none;opacity:1}header nav.menu-open{display:flex}header a{writing-mode:horizontal-tb;text-orientation:mixed;rotate:0deg;padding:var(--spacing-xs) var(--spacing-sm);width:auto;height:auto;opacity:1;transform:none;display:block;border-radius:var(--border-radius)}header a:hover{background-color:#3b82f61a}header a:after{bottom:-2px;left:50%;top:auto;width:0;height:2px;transform:translate(-50%)}header a:hover:after{width:80%;height:2px}.main-content{margin-left:0}.skills-tags{padding:var(--spacing-sm);justify-content:space-between;margin:0 var(--spacing-sm) 0 var(--spacing-sm)}.siegecore-page{width:100vw}.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.3rem}.hero-description{font-size:1rem}.projects-grid{grid-template-columns:1fr}.cv-item-header{flex-direction:column;align-items:flex-start}.footer-content{grid-template-columns:1fr}.siegecore-page h1{font-size:2rem}.siegecore-page h2{font-size:1.5rem}.card{max-width:90%;margin:var(--spacing-lg) auto}.card-icons-grid{grid-template-columns:auto auto}}