:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: rgba(20, 20, 20, .8);--color-bg-dark: rgba(30, 30, 30, .8);--color-bg-input: rgba(10, 10, 10, .6);--color-bg-input-focus: rgba(10, 10, 10, .8);--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-tertiary: #ccc;--color-text-muted: #888;--color-text-dark: #000;--color-accent: #10b981;--color-accent-light: #34d399;--color-accent-hover: rgba(16, 185, 129, .2);--color-accent-bg: rgba(16, 185, 129, .1);--color-accent-border: rgba(16, 185, 129, .5);--color-border: rgba(255, 255, 255, .1);--color-border-accent: rgba(16, 185, 129, .3);--color-terminal-red: #ff5f57;--color-terminal-yellow: #ffbd2e;--color-terminal-green: #28ca42;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 60px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--font-family: "JetBrains Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: .9rem;--font-size-md: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--transition-base: all .3s ease;--shadow-sm: 0 8px 32px rgba(0, 0, 0, .3);--shadow-accent: 0 8px 24px rgba(16, 185, 129, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-secondary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) 20px;position:relative;z-index:1}.section{margin-bottom:var(--spacing-2xl)}.terminal-dots{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);margin:calc(var(--spacing-lg) * -1) calc(var(--spacing-lg) * -1) var(--spacing-lg);background:#ffffff08;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:1px solid rgba(255,255,255,.05)}.dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.terminal-title{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-left:var(--spacing-sm);font-weight:500}.dot.red{background:var(--color-terminal-red)}.dot.yellow{background:var(--color-terminal-yellow)}.dot.green{background:var(--color-terminal-green)}.terminal-command{color:var(--color-accent);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl)}.terminal-command:first-of-type{margin-top:var(--spacing-lg)}.button{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--color-accent-bg);color:var(--color-accent);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);text-decoration:none;border:1px solid var(--color-border-accent);transition:var(--transition-base)}.button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-border);transform:translate(4px)}.icon{flex-shrink:0}.icon-sm{width:20px;height:20px}.icon-md{width:24px;height:24px}.icon-lg{width:28px;height:28px}.icon-fill{fill:currentColor}.icon-stroke{fill:none;stroke:currentColor}.card{background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.header{margin-bottom:var(--spacing-2xl)}.profile-container{display:flex;gap:var(--spacing-xl);align-items:center;margin-bottom:var(--spacing-lg)}.profile-photo{width:180px;height:180px;border-radius:var(--radius-xl);overflow:hidden;border:2px solid var(--color-accent);flex-shrink:0}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-content{flex:1;display:flex;flex-direction:column;justify-content:center}h1{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg);margin-bottom:0}.tech-stack{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;list-style:none;padding-left:0}.tech-tag{background:var(--color-accent-bg);color:var(--color-accent);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--color-border-accent)}.certifications-list{list-style:none;padding-left:0}.certifications-list li{color:var(--color-text-secondary);padding-left:var(--spacing-lg);position:relative;line-height:1.6;margin-bottom:var(--spacing-xs)}.certifications-list li:before{content:"▸";position:absolute;left:0;color:var(--color-accent)}.projects-section{margin-bottom:var(--spacing-2xl)}.project-item{margin-bottom:var(--spacing-xl)}.project-item:last-child{margin-bottom:0}.project-title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.project-description{color:var(--color-text-muted);margin-bottom:var(--spacing-md);line-height:1.6}.contact-section{margin-bottom:var(--spacing-2xl)}.contact-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.contact-info-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.contact-info-item .icon{color:var(--color-accent)}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.social-card{background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-tertiary);transition:var(--transition-base)}.social-card:hover{border-color:var(--color-accent-border);transform:translateY(-2px);background:var(--color-bg-dark)}.social-name{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-base)}.social-handle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.contact-form{margin-top:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;color:var(--color-accent);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.form-input,.form-textarea{width:100%;background:var(--color-bg-input);border:1px solid var(--color-border-accent);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-base);transition:var(--transition-base)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-input-focus);box-shadow:0 0 0 3px var(--color-accent-bg)}.form-textarea{resize:vertical;min-height:120px}.cta-button{background:var(--color-accent);color:var(--color-text-dark);border:none;padding:var(--spacing-md) var(--spacing-3xl);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--transition-base);font-family:var(--font-family);width:100%}.cta-button:hover{background:var(--color-accent-light);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.cta-button:disabled{background:var(--color-border)!important;color:var(--color-text-muted)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;opacity:.6}.footer{margin-top:var(--spacing-2xl)}.footer-content{margin:var(--spacing-xl) 0}.footer-text{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);line-height:1.6}.footer-copyright{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}@media(max-width:768px){.container{padding:var(--spacing-lg) var(--spacing-sm)}.profile-container{gap:var(--spacing-md)}.profile-photo{width:100px;height:100px}h1{font-size:var(--font-size-2xl)}.subtitle{font-size:var(--font-size-base)}.social-links{grid-template-columns:1fr}.tech-stack{font-size:var(--font-size-sm)}.card{padding:var(--spacing-md)}.terminal-dots{margin:calc(var(--spacing-md) * -1) calc(var(--spacing-md) * -1) var(--spacing-lg)}.terminal-title{font-size:11px}.project-title{font-size:var(--font-size-xl)}}