:root{--bg-primary: #0a0d14;--bg-secondary: #111827;--bg-elevated: #1a2030;--bg-surface: #1e2536;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-accent: rgba(96, 165, 250, .25);--text-primary: #f0f0f3;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-soft: rgba(96, 165, 250, .1);--accent-glow: rgba(96, 165, 250, .08);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: clamp(1.5rem, 3vw, 2rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,iframe{max-width:100%;display:block}.row{display:flex;flex-wrap:wrap}.col{flex:1 0 0%;width:100%;min-width:0}.col-md-1,.col-lg-2{display:none;flex:0 0 auto}@media(min-width:768px){.col-md-1{display:block;width:8.333%}}@media(min-width:992px){.col-lg-2{display:block;width:16.666%}}.position-relative{position:relative}.mt-2{margin-top:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.m-2{margin:var(--space-2)}.p-4{padding:var(--space-6)}.text-center{text-align:center}.w-100{width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.App{min-height:100vh;display:flex;flex-direction:column}.App-Lateral{padding:0;margin:0}.App-header{padding:var(--space-8) var(--space-6);text-align:center;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.App-header h1{font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-1)}.App-header .header-role{font-size:var(--font-size-sm);font-weight:400;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-4)}.App-header .header-contact{display:flex;align-items:center;justify-content:center;gap:var(--space-6);font-size:var(--font-size-sm);color:var(--text-secondary)}.App-header .header-contact a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);transition:color var(--transition-fast)}.App-header .header-contact a:hover{color:var(--accent)}.App-header .header-contact a svg{width:18px;height:18px}.App-title{font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.02em;color:var(--text-primary);padding:var(--space-6) var(--space-6) var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.App-title:before{content:"";display:inline-block;width:3px;height:1.2em;background:var(--accent);border-radius:2px}.App-description{padding:0 var(--space-6) var(--space-8);font-size:var(--font-size-base);color:var(--text-secondary)}.App-description ul{display:flex;flex-direction:column;gap:var(--space-4)}.App-description ul li{padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-base),background var(--transition-base)}.App-description ul li:hover{border-color:var(--border-accent);background:var(--bg-elevated)}.App-description .item-info-c1,.App-description .item-info-c2,.App-description .item-info-c3{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--accent);background:var(--accent-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);letter-spacing:-.01em}.App-description small{display:block;margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}#skills .App-description{font-size:var(--font-size-base)}#skills .App-description small{font-size:var(--font-size-sm)}.App-navbar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0a0d14d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle)}.menu{display:flex;background:transparent}.menu .col{padding:0}.menu a{color:var(--text-muted);font-weight:500;font-size:var(--font-size-xs);letter-spacing:.02em}.item{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-base);border:none;background:transparent;margin:0}.item:hover{background:var(--accent-glow)}.item.active{background:var(--accent-soft)}.item.active a{color:var(--accent)}.link{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);width:100%}.menu svg{height:1.25rem;width:1.25rem;margin:0;transition:transform var(--transition-fast)}.item:hover svg{transform:translateY(-1px)}.SideButtons{position:fixed;bottom:80px;right:var(--space-4);width:auto;display:flex;flex-direction:column;gap:var(--space-3);z-index:50}.button-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-weight:400;font-size:0;text-shadow:none;transition:all var(--transition-base)}.button-link:hover{background:var(--bg-elevated);border-color:var(--border-accent);color:var(--accent);transform:translateY(-2px)}.button-link svg{width:20px;height:20px}.cap{overflow:hidden;margin-top:var(--space-4);border-radius:var(--radius-sm)}.cap img,.cap iframe{border-radius:var(--radius-sm);max-width:100%}main{padding-bottom:80px}@media(max-width:767px){.App-header{padding:var(--space-6) var(--space-4)}.App-header .header-contact{flex-direction:column;gap:var(--space-2)}.App-title{padding:var(--space-5) var(--space-4) var(--space-2)}.App-description{padding:0 var(--space-4) var(--space-6)}.SideButtons{right:var(--space-3);bottom:72px}}