:root{--bg-color: #0b0c0e;--bg-card: #121419;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-muted: #8e929f;--accent-red: #ff0000;--accent-red-hover: #ff3333;--border-color: rgba(255, 255, 255, .08);--border-color-hover: rgba(255, 255, 255, .16);--card-bg: rgba(255, 255, 255, .02);--card-bg-hover: rgba(255, 255, 255, .04);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--theme-shadow: 0 10px 30px rgba(0, 0, 0, .5)}.light-theme{--bg-color: #f4f5f7;--bg-card: #ffffff;--text-primary: #0f1013;--text-secondary: #374151;--text-muted: #6b7280;--accent-red: #ff0000;--accent-red-hover: #d30000;--border-color: rgba(0, 0, 0, .08);--border-color-hover: rgba(0, 0, 0, .15);--card-bg: rgba(0, 0, 0, .02);--card-bg-hover: rgba(0, 0, 0, .04);--theme-shadow: 0 10px 30px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--text-secondary);font-family:var(--font-sans);font-size:16px;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .4s ease}body{min-height:100vh;overflow-x:hidden;background-color:var(--bg-color);background:radial-gradient(circle at 50% 30%,#16181d,#0b0c0e 70%);transition:background-color .4s ease}.light-theme body{background:radial-gradient(circle at 50% 30%,#fff,#f4f5f7 70%)}::selection{background-color:#ff000026;color:var(--text-primary)}.app-container{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh}.content-wrapper{width:100%;max-width:42rem;padding:0 24px;display:flex;flex-direction:column;position:relative}.top-nav-bar{position:fixed;top:24px;right:24px;z-index:100}.theme-toggle-btn-small{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000026}.light-theme .theme-toggle-btn-small{box-shadow:0 4px 12px #0000000d}.theme-toggle-btn-small:hover{border-color:var(--accent-red);color:var(--accent-red);transform:translateY(-2px) scale(1.05)}.theme-toggle-btn-small .sun-icon-small{display:block;width:18px;height:18px}.theme-toggle-btn-small .moon-icon-small{display:none;width:18px;height:18px}.light-theme .theme-toggle-btn-small .sun-icon-small{display:none}.light-theme .theme-toggle-btn-small .moon-icon-small{display:block}.fullscreen-hero{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;box-sizing:border-box}.hero-center-box{display:flex;flex-direction:column;align-items:center;animation:fadeIn 1s ease-out}.circular-avatar-wrapper{width:140px;height:140px;border-radius:50%;overflow:hidden;border:3px solid var(--accent-red);box-shadow:0 8px 30px #ff000026;background-color:var(--bg-card);transition:var(--transition-smooth);margin-bottom:24px}.circular-avatar-wrapper:hover{transform:scale(1.05);box-shadow:0 12px 40px #ff00004d}.circular-avatar-color{width:100%;height:100%;object-fit:cover;display:block;filter:none!important;opacity:1!important}.hero-name{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:8px;transition:color .4s ease}@media (min-width: 768px){.hero-name{font-size:3rem}}.hero-title{display:block;margin-top:8px;font-family:var(--font-sans);font-size:1.15rem;font-weight:400;color:var(--text-secondary);letter-spacing:.05em;transition:color .4s ease}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);animation:bounce-slow 2s infinite ease-in-out;cursor:pointer}.scroll-arrow-icon{width:28px;height:28px;color:var(--text-muted);transition:var(--transition-smooth)}.hero-scroll-indicator:hover .scroll-arrow-icon{color:var(--accent-red)}.section-container{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-bottom:80px;width:100%}@media (min-width: 768px){.section-container{margin-bottom:112px}}.section-label{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:28px;position:relative;display:inline-block;letter-spacing:-.02em;transition:color .4s ease}.section-label:after{content:"";position:absolute;bottom:-6px;left:0;width:32px;height:3px;background-color:var(--accent-red);border-radius:2px}.about-content{display:flex;flex-direction:column;gap:20px}.about-paragraph{font-size:1rem;line-height:1.75;color:var(--text-secondary);font-weight:400;text-align:justify;transition:color .4s ease}.project-showcase{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:28px;width:100%;box-shadow:var(--theme-shadow);transition:var(--transition-smooth)}@media (min-width: 768px){.project-showcase{padding:36px}}.project-showcase:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:0 15px 35px #0006}.light-theme .project-showcase:hover{box-shadow:0 15px 35px #0000000a}.project-title-row{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;transition:color .4s ease}.project-title-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px;transition:var(--transition-smooth)}.project-title-link:hover .project-link-sub{border-color:var(--accent-red);color:var(--accent-red);transform:translateY(-1px)}.animated-red-letter{color:var(--accent-red);font-weight:800;display:inline-block;transition:color .3s ease}.project-link-sub{font-family:var(--font-mono);font-size:.85rem;font-weight:400;color:var(--text-muted);border:1px solid var(--border-color);padding:4px 10px;border-radius:6px;background:#ffffff03;transition:var(--transition-smooth)}.light-theme .project-link-sub{background:#00000003}.project-body-content{display:flex;flex-direction:column;gap:16px}.project-main-text{font-size:.95rem;line-height:1.7;color:var(--text-secondary);transition:color .4s ease}.project-credentials{display:inline-block;font-size:.85rem;padding:8px 14px;background:#ffffff08;border:1px dashed var(--border-color);border-radius:8px;color:var(--text-primary);margin-top:4px}.light-theme .project-credentials{background:#00000005}.project-credentials code{font-family:var(--font-mono);font-size:.85rem;background:#ffffff14;color:var(--accent-red);font-weight:600;padding:2px 6px;border-radius:4px;margin:0 2px}.light-theme .project-credentials code{background:#0000000d}.project-arch-text{font-size:.9rem;line-height:1.7;color:var(--text-secondary);border-left:2px solid var(--accent-red);padding-left:12px;margin:4px 0;transition:color .4s ease}.project-dummy-warning{font-size:.825rem;line-height:1.6;color:var(--text-muted);font-style:italic;transition:color .4s ease}.contact-box{display:flex;flex-direction:column;gap:24px;width:100%}.contact-text{font-size:1rem;line-height:1.75;color:var(--text-secondary);transition:color .4s ease}.contact-links-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.social-badge{display:inline-flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;padding:12px 24px;border-radius:30px;transition:var(--transition-smooth)}.social-badge:hover{border-color:var(--accent-red);color:var(--accent-red);transform:translateY(-2px);box-shadow:0 4px 15px #ff00001a}.badge-icon{width:18px;height:18px;fill:currentColor;flex-shrink:0}.social-badge svg[stroke]{fill:none;stroke:currentColor}.footer-copyright{margin-top:48px;padding-top:24px;border-top:1px solid var(--border-color);width:100%;text-align:center;transition:border-color .4s ease}.footer-copyright p{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);transition:color .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-slow{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}