* {margin: 0;padding: 0;box-sizing: border-box;}:root {--bg-primary: #0a0e27;--bg-secondary: #0f1629;--bg-glass: rgba(15, 22, 41, 0.7);--bg-window: rgba(20, 28, 50, 0.95);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #14b8a6;--accent-glow: rgba(20, 184, 166, 0.5);--border: rgba(148, 163, 184, 0.1);--shadow: rgba(0, 0, 0, 0.5);--terminal-bg: #0a0a0a;--terminal-text: #00ff00;}[data-theme="light"] {--bg-primary: #f1f5f9;--bg-secondary: #e2e8f0;--bg-glass: rgba(241, 245, 249, 0.7);--bg-window: rgba(255, 255, 255, 0.95);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent: #14b8a6;--accent-glow: rgba(20, 184, 166, 0.3);--border: rgba(148, 163, 184, 0.2);--shadow: rgba(0, 0, 0, 0.1);}body {font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;background: var(--bg-primary);color: var(--text-primary);overflow-x: hidden;position: relative;}.bg-animation {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;overflow: hidden;}.floating-orb {position: absolute;border-radius: 50%;filter: blur(60px);opacity: 0.3;animation: float 20s infinite ease-in-out;will-change: transform;}.orb-1 {width: 400px;height: 400px;background: var(--accent);top: -100px;left: -100px;animation-delay: 0s;}.orb-2 {width: 300px;height: 300px;background: #3b82f6;bottom: -100px;right: -100px;animation-delay: 5s;}.orb-3 {width: 350px;height: 350px;background: #8b5cf6;top: 50%;right: 10%;animation-delay: 10s;}@keyframes float {0%, 100% {transform: translate(0, 0) scale(1);}33% {transform: translate(100px, -100px) scale(1.1);}66% {transform: translate(-50px, 100px) scale(0.9);}}.dock {position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);background: var(--bg-glass);backdrop-filter: blur(20px);padding: 12px 20px;border-radius: 24px;display: flex;gap: 12px;z-index: 1000;border: 1px solid var(--border);box-shadow: 0 8px 32px var(--shadow);}.dock-item {width: 50px;height: 50px;background: var(--bg-window);border-radius: 12px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid var(--border);position: relative;}.dock-item:hover {transform: translateY(-8px) scale(1.1);border: 2px solid var(--accent);box-shadow: 0 8px 20px var(--accent-glow);}.dock-item.active {transform: translateY(-16px) scale(1.15);background: var(--accent);box-shadow: 0 12px 30px var(--accent-glow);border-color: var(--accent);}.dock-item.active:hover {transform: translateY(-20px) scale(1.2);box-shadow: 0 15px 35px var(--accent-glow);}.dock-item.active::before {content: '';position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);width: 4px;height: 4px;background: var(--accent);border-radius: 50%;}.dock-item svg {width: 24px;height: 24px;fill: var(--text-primary);}.desktop {position: relative;z-index: 1;min-height: 100vh;padding: 80px 20px 140px;}.top-bar {position: fixed;top: 0;left: 0;right: 0;height: 60px;background: var(--bg-glass);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border);display: flex;align-items: center;justify-content: space-between;padding: 0 30px;z-index: 999;}.logo-section {display: flex;align-items: center;gap: 12px;}.logo-icon {width: 32px;height: 32px;background: linear-gradient(135deg, var(--accent), #2dd4bf);border-radius: 8px;display: flex;align-items: center;justify-content: center;font-weight: 800;color: white;font-size: 16px;overflow: hidden;}.logo-icon img {width: 100%;height: 100%;object-fit: cover;}.logo-text {font-weight: 600;font-size: 18px;color: var(--text-primary);}.top-bar-right {display: flex;align-items: center;gap: 20px;}.status-item {display: flex;align-items: center;gap: 8px;font-size: 14px;color: var(--text-secondary);}.theme-switch {width: 40px;height: 40px;background: var(--bg-window);border: 1px solid var(--border);border-radius: 10px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s;}.theme-switch:hover {background: var(--accent);transform: scale(1.1);}.window {background: var(--bg-window);backdrop-filter: blur(20px);border-radius: 16px;border: 1px solid var(--border);box-shadow: 0 20px 60px var(--shadow);margin-bottom: 40px;overflow: hidden;animation: windowOpen 0.4s cubic-bezier(0.4, 0, 0.2, 1);opacity: 0;transform: translateY(30px);transition: opacity 0.5s ease, transform 0.5s ease;}.window.visible {opacity: 1;transform: translateY(0);}.hero-window {opacity: 1 ;transform: translateY(0);}@keyframes windowOpen {from {opacity: 0;transform: scale(0.95) translateY(20px);}to {opacity: 1;transform: scale(1) translateY(0);}}.window-header {height: 50px;background: var(--bg-glass);border-bottom: 1px solid var(--border);display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}.window-controls {display: flex;gap: 8px;}.window-control {width: 12px;height: 12px;border-radius: 50%;cursor: pointer;transition: all 0.2s;}.window-control:hover {transform: scale(1.2);}.control-close {background: #ff5f56;}.control-minimize {background: #ffbd2e;}.control-maximize {background: #27c93f;}.window-title {font-weight: 600;font-size: 14px;color: var(--text-secondary);}.window-content {padding: 40px;}.hero-window {max-width: 1200px;margin: 0 auto 50px;text-align: center;}.avatar {width: 120px;height: 120px;background: linear-gradient(135deg, var(--accent), #2dd4bf);border-radius: 30px;display: flex;align-items: center;justify-content: center;margin: 0 auto 30px;box-shadow: 0 20px 40px var(--accent-glow);animation: avatarPulse 3s infinite;overflow: hidden;}.avatar img {width: 100%;height: 100%;object-fit: cover;}@keyframes avatarPulse {0%, 100% {transform: scale(1);}50% {transform: scale(1.05);}}h1 {font-size: 56px;font-weight: 800;margin-bottom: 10px;background: linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.subtitle {font-size: 24px;color: var(--accent);font-weight: 600;margin-bottom: 20px;}.hero-description {font-size: 18px;line-height: 1.8;color: var(--text-secondary);max-width: 800px;margin: 0 auto 40px;}.social-grid {display: flex;justify-content: center;gap: 15px;flex-wrap: wrap;}.social-icon {width: 60px;height: 60px;background: var(--bg-secondary);border: 1px solid var(--border);border-radius: 16px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-decoration: none;}.social-icon:hover {background: var(--accent);transform: translateY(-5px) rotate(5deg);box-shadow: 0 15px 30px var(--accent-glow);}.social-icon svg {width: 28px;height: 28px;fill: var(--text-primary);}.grid-container {max-width: 1400px;margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));gap: 40px;}.full-width {grid-column: 1 / -1;}.timeline {position: relative;padding: 20px 0 20px 80px;}.timeline::before {content: '';position: absolute;left: 30px;top: 0;bottom: 0;width: 3px;background: linear-gradient(180deg, var(--accent), transparent);}.timeline-item {position: relative;margin-bottom: 40px;padding: 25px;background: var(--bg-secondary);border-radius: 16px;border: 1px solid var(--border);transition: all 0.3s;cursor: pointer;}.timeline-item::before {content: '';position: absolute;left: -58px;top: 30px;width: 16px;height: 16px;background: var(--accent);border-radius: 50%;box-shadow: 0 0 0 4px var(--bg-window), 0 0 20px var(--accent-glow);}.timeline-item:hover {transform: translateX(10px);border-color: var(--accent);box-shadow: 0 10px 30px var(--accent-glow);}.timeline-header {display: flex;justify-content: space-between;align-items: start;margin-bottom: 15px;gap: 20px;}.timeline-title {font-size: 20px;font-weight: 700;color: var(--text-primary);margin-bottom: 5px;}.timeline-company {font-size: 16px;color: var(--accent);font-weight: 600;}.timeline-date {font-size: 13px;color: var(--text-muted);background: var(--bg-glass);padding: 6px 12px;border-radius: 8px;white-space: nowrap;}.timeline-content ul {list-style: none;margin-bottom: 15px;}.timeline-content li {padding-left: 25px;position: relative;margin-bottom: 10px;color: var(--text-secondary);line-height: 1.6;}.timeline-content li::before {content: '▹';position: absolute;left: 0;color: var(--accent);font-weight: bold;}.tech-tags {display: flex;flex-wrap: wrap;gap: 8px;}.tag {padding: 6px 12px;background: var(--bg-glass);border: 1px solid var(--border);border-radius: 8px;font-size: 12px;font-weight: 500;color: var(--text-secondary);transition: all 0.3s;}.tag:hover {background: var(--accent);color: white;transform: translateY(-2px);}.skills-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;}.skill-card {padding: 30px;background: var(--bg-secondary);border-radius: 16px;border: 1px solid var(--border);transition: all 0.3s;}.skill-card:hover {transform: translateY(-5px);border-color: var(--accent);box-shadow: 0 15px 40px var(--accent-glow);}.skill-icon {width: 50px;height: 50px;background: var(--accent);border-radius: 12px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;font-size: 24px;}.skill-title {font-size: 18px;font-weight: 700;color: var(--text-primary);margin-bottom: 15px;}.skill-list {display: flex;flex-wrap: wrap;gap: 8px;}.contact-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 20px;}.contact-card {padding: 25px;background: var(--bg-secondary);border-radius: 16px;border: 1px solid var(--border);transition: all 0.3s;text-align: center;}.contact-card:hover {transform: translateY(-5px);border-color: var(--accent);box-shadow: 0 15px 40px var(--accent-glow);}.contact-icon {font-size: 32px;margin-bottom: 15px;}.contact-label {font-size: 14px;font-weight: 600;color: var(--accent);margin-bottom: 8px;}.contact-value {color: var(--text-secondary);font-size: 15px;}.contact-value a {color: var(--text-secondary);text-decoration: none;transition: color 0.3s;}.contact-value a:hover {color: var(--accent);}.section-title {font-size: 32px;font-weight: 800;color: var(--text-primary);margin-bottom: 30px;display: flex;align-items: center;gap: 15px;}.section-title::before {content: '';width: 40px;height: 4px;background: var(--accent);border-radius: 2px;}@media (max-width: 768px) {.desktop {padding: 80px 10px 140px;}.window-content {padding: 20px;}h1 {font-size: 36px;}.section-title {font-size: 28px;}.subtitle {font-size: 18px;}.hero-description {font-size: 16px;}.grid-container {grid-template-columns: 1fr;}.timeline {padding-left: 50px;}.timeline::before {left: 15px;}.timeline-item::before {left: -43px;}.timeline-item {padding: 20px 15px;}.timeline-header {flex-direction: column;align-items: flex-start;gap: 10px;}.timeline-date {align-self: flex-end;white-space: normal;}.timeline-title {font-size: 18px;line-height: 1.3;}.timeline-company {font-size: 15px;}.timeline-content li {font-size: 14px;line-height: 1.5;padding-left: 20px;margin-bottom: 12px;}.dock {width: calc(100% - 40px);max-width: 100%;overflow-x: auto !important;overflow-y: visible;justify-content: flex-start;padding: 12px;scrollbar-width: none;-ms-overflow-style: none;}.dock::-webkit-scrollbar {display: none;}.dock-item {flex-shrink: 0;min-width: 45px;width: 45px;height: 45px;}.dock-item.active {transform: translateY(0px) scale(1.0) !important;background: var(--accent) !important;box-shadow: 0 10px 28px var(--accent-glow) !important;border-color: var(--accent) !important;z-index: 10 !important;}.dock-item.active:hover {transform: translateY(0px) scale(1.0) !important;}.dock-item:hover {transform: translateY(0px) scale(1.0);}.dock-item.active::before {bottom: -11px;}.top-bar {padding: 0 15px;}.top-bar-right .status-item {display: none;}}@media (max-width: 480px) {h1 {font-size: 28px;}.section-title {font-size: 24px;}}.gallery-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 25px;}.gallery-item {position: relative;background: var(--bg-secondary);border-radius: 16px;border: 1px solid var(--border);overflow: hidden;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);aspect-ratio: 4/3;}.gallery-item:hover {transform: translateY(-8px) scale(1.02);border-color: var(--accent);box-shadow: 0 20px 50px var(--accent-glow);}.gallery-image, .gallery-video {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.gallery-item:hover .gallery-image, .gallery-item:hover .gallery-video {transform: scale(1.1);}.gallery-overlay {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);padding: 20px;transform: translateY(100%);transition: transform 0.3s ease;}.gallery-item:hover .gallery-overlay {transform: translateY(0);}.gallery-title {font-size: 16px;font-weight: 700;color: white;margin-bottom: 5px;}.gallery-description {font-size: 13px;color: var(--text-secondary);}.media-badge {position: absolute;top: 10px;right: 10px;background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(10px);padding: 6px 12px;border-radius: 20px;font-size: 12px;font-weight: 600;color: white;z-index: 1;}.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.95);z-index: 2000;align-items: center;justify-content: center;padding: 20px;overflow-y: auto;}.modal.active {display: flex;}body.modal-open {overflow: hidden;}.modal-content {max-width: 90%;max-height: 90vh;position: relative;animation: modalZoom 0.3s ease;display: flex;flex-direction: column;margin: auto;}@keyframes modalZoom {from {transform: scale(0.8);opacity: 0;}to {transform: scale(1);opacity: 1;}}.modal-image, .modal-video {max-width: 100%;max-height: 70vh;border-radius: 12px;box-shadow: 0 20px 60px rgba(0,0,0,0.8);display: block;}.modal-video {background: black;}.modal-close {position: absolute;top: -40px;right: 0;width: 40px;height: 40px;background: var(--accent);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 24px;color: white;transition: all 0.3s;}.modal-close:hover {transform: rotate(90deg) scale(1.1);background: #ff5f56;}.modal-info {margin-top: 20px;text-align: center;padding: 0 20px;max-width: 800px;}.modal-title {font-size: 24px;font-weight: 700;color: white;margin-bottom: 10px;word-wrap: break-word;}.modal-description {font-size: 16px;color: var(--text-secondary);word-wrap: break-word;line-height: 1.5;}@media (max-width: 768px) {.gallery-grid {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 15px;}}.certification-list {display: flex;flex-direction: column;gap: 20px;}.certification-item {display: flex;align-items: center;gap: 20px;padding: 25px 30px;background: var(--bg-secondary);border-radius: 16px;border: 2px solid var(--border);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;}.certification-item::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: var(--accent);transform: scaleY(0);transition: transform 0.3s ease;}.certification-item:hover {border-color: var(--accent);transform: translateX(10px);box-shadow: 0 10px 30px var(--accent-glow);}.certification-item:hover::before {transform: scaleY(1);}.certification-badge {font-size: 40px;min-width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background: var(--bg-glass);border-radius: 12px;}.certification-details {flex: 1;}.certification-name {font-size: 18px;font-weight: 700;color: var(--text-primary);margin-bottom: 6px;}.certification-issuer {font-size: 14px;color: var(--accent);font-weight: 600;}.certification-checkmark {font-size: 24px;color: var(--accent);font-weight: bold;min-width: 30px;}.awards-timeline {position: relative;padding-left: 0;}.award-item {display: grid;grid-template-columns: 100px 1fr;gap: 30px;margin-bottom: 40px;position: relative;}.award-item::before {content: '';position: absolute;left: 50px;top: 60px;bottom: -40px;width: 2px;background: linear-gradient(180deg, var(--accent), transparent);}.award-item:last-child::before {display: none;}.award-year {font-size: 20px;font-weight: 800;color: var(--accent);text-align: right;padding-top: 10px;}.award-content {display: flex;gap: 25px;align-items: start;padding: 25px;background: var(--bg-secondary);border-radius: 16px;border: 2px solid var(--border);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.award-content:hover {border-color: var(--accent);transform: translateY(-5px);box-shadow: 0 15px 40px var(--accent-glow);}.award-medal {font-size: 50px;min-width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: relative;}.award-medal.gold {background: linear-gradient(135deg, #ffd700, #ffed4e);box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4);}.award-medal.silver {background: linear-gradient(135deg, #c0c0c0, #e8e8e8);box-shadow: 0 8px 25px rgba(192, 192, 192, 0.4);}.award-medal.bronze {background: linear-gradient(135deg, #cd7f32, #d4a574);box-shadow: 0 8px 25px rgba(205, 127, 50, 0.4);}.award-medal.special {background: linear-gradient(135deg, var(--accent), #2dd4bf);box-shadow: 0 8px 25px var(--accent-glow);}.award-info {flex: 1;}.award-title {font-size: 18px;font-weight: 700;color: var(--text-primary);margin-bottom: 8px;line-height: 1.4;}.award-institution {font-size: 14px;color: var(--text-secondary);margin-bottom: 10px;}.award-achievement {display: inline-block;padding: 6px 14px;background: var(--bg-glass);border-radius: 20px;font-size: 13px;font-weight: 600;color: var(--text-secondary);border: 1px solid var(--border);}.award-achievement.winner {background: linear-gradient(135deg, var(--accent), #2dd4bf);color: white;border: none;}.references-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;}.reference-card {background: var(--bg-secondary);border-radius: 16px;border: 2px solid var(--border);padding: 30px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;}.reference-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--accent), #2dd4bf);transform: scaleX(0);transform-origin: left;transition: transform 0.3s ease;}.reference-card:hover {border-color: var(--accent);transform: translateY(-8px);box-shadow: 0 15px 40px var(--accent-glow);}.reference-card:hover::before {transform: scaleX(1);}.reference-header {display: flex;align-items: center;gap: 15px;margin-bottom: 20px;}.reference-avatar {width: 60px;height: 60px;background: linear-gradient(135deg, var(--accent), #2dd4bf);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.reference-avatar svg {width: 32px;height: 32px;stroke: white;}.reference-identity {flex: 1;}.reference-name {font-size: 18px;font-weight: 700;color: var(--text-primary);margin-bottom: 4px;}.reference-role {font-size: 14px;color: var(--accent);font-weight: 600;}.reference-quote {position: relative;padding-left: 20px;}.quote-mark {position: absolute;left: -5px;top: -10px;font-size: 60px;color: var(--accent);opacity: 0.3;font-family: Georgia, serif;line-height: 1;}.reference-quote p {color: var(--text-secondary);line-height: 1.7;font-size: 15px;font-style: italic;}@media (max-width: 768px) {.award-item {grid-template-columns: 80px 1fr;gap: 15px;}.award-item::before {left: 40px;}.award-year {font-size: 16px;}.award-content {flex-direction: column;gap: 15px;padding: 20px;}.award-medal {font-size: 40px;min-width: 60px;height: 60px;}.certification-item {flex-wrap: wrap;padding: 20px;}.certification-badge {font-size: 32px;min-width: 50px;height: 50px;}.references-container {grid-template-columns: 1fr;}}.terminal-container {background: var(--terminal-bg);border-radius: 8px;overflow: hidden;height: 600px;display: flex;flex-direction: column;}.terminal-header {background: #1e1e1e;padding: 12px 20px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #333;}.terminal-controls {display: flex;gap: 8px;}.terminal-btn {width: 12px;height: 12px;border-radius: 50%;cursor: pointer;}.terminal-btn.close {background: #ff5f56;}.terminal-btn.minimize {background: #ffbd2e;}.terminal-btn.maximize {background: #27c93f;}.terminal-title {color: #888;font-size: 14px;font-weight: 500;}.terminal-content {flex: 1;overflow-y: auto;padding: 20px;font-family: 'Courier New', monospace;font-size: 14px;line-height: 1.6;}.terminal-content::-webkit-scrollbar {width: 8px;}.terminal-content::-webkit-scrollbar-track {background: #1a1a1a;}.terminal-content::-webkit-scrollbar-thumb {background: #444;border-radius: 4px;}.terminal-line {margin-bottom: 8px;white-space: pre;}.terminal-command {color: #00d9ff;}.terminal-output {color: var(--terminal-text);}.terminal-error {color: #ff5555;}.terminal-input-line {display: flex;align-items: center;margin-top: 10px;}.terminal-prompt {color: #00d9ff;margin-right: 8px;}.terminal-input {flex: 1;background: transparent;border: none;outline: none;color: var(--terminal-text);font-family: 'Courier New', monospace;font-size: 14px;}.terminal-footer {background: #1a1a1a;padding: 8px 20px;display: flex;justify-content: space-between;align-items: center;font-size: 12px;color: #666;border-top: 1px solid #333;}.cursor {display: inline-block;width: 8px;height: 16px;background: var(--terminal-text);animation: blink 1s infinite;margin-left: 2px;}@keyframes blink {0%, 50% {opacity: 1;}51%, 100% {opacity: 0;}}