:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #0066ff;--accent-light: #3385ff;--accent-darker: #0052cc;--accent-subtle: rgba(0, 102, 255, .08);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .06);--shadow-color: rgba(0, 0, 0, .03);--shadow-hover: rgba(0, 0, 0, .06);--card-bg: rgba(255, 255, 255, .7);--divider: rgba(0, 0, 0, .08);--success-color: #10b981;--dot-color: rgba(0, 0, 0, .06);--icon-color: #0066ff}[data-theme=dark]{--bg-primary: #0a0f1a;--bg-secondary: #111827;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-light: #60a5fa;--accent-darker: #2563eb;--accent-subtle: rgba(59, 130, 246, .12);--glass-bg: rgba(17, 24, 39, .9);--glass-border: rgba(255, 255, 255, .06);--shadow-color: rgba(0, 0, 0, .2);--shadow-hover: rgba(0, 0, 0, .3);--card-bg: rgba(30, 41, 59, .5);--divider: rgba(255, 255, 255, .06);--success-color: #34d399;--dot-color: rgba(255, 255, 255, .04);--icon-color: #3b82f6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(var(--dot-color) 1px,transparent 1px);background-size:20px 20px;color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}.bento-container{width:100%;max-width:1280px;margin:0 auto;padding:2rem}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(auto,auto);gap:1.25rem}.bento-cell{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.bento-cell:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--shadow-hover);border-color:#3b82f633}.bento-cell--hero{grid-column:1 / 6;grid-row:1 / 3}.bento-cell--skills-tech{grid-column:6 / 13;grid-row:1 / 2}.bento-cell--skills-soft{grid-column:6 / 13;grid-row:2 / 3}.bento-cell--education{grid-column:1 / 4;grid-row:3 / 4}.bento-cell--awards{grid-column:4 / 6;grid-row:3 / 4}.bento-cell--experience{grid-column:6 / 13;grid-row:3 / 6;max-height:720px;overflow-y:auto}.bento-cell--courses{grid-column:1 / 6;grid-row:4 / 6;max-height:520px;overflow-y:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--glass-border);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--accent-subtle);border-color:var(--accent-color);color:var(--accent-color)}.icon-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.lang-switcher{position:relative}.lang-switcher-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--glass-border);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .2s ease}.lang-switcher-btn:hover{background:var(--accent-subtle);border-color:var(--accent-color);color:var(--accent-color)}.lang-switcher-arrow{opacity:.6;transition:transform .2s ease}.lang-switcher-arrow.open{transform:rotate(180deg)}.lang-switcher-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:160px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 8px 32px var(--shadow-color);overflow:hidden;z-index:9999}[dir=rtl] .lang-switcher-dropdown{right:auto;left:0}.lang-switcher-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .875rem;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;text-align:left;cursor:pointer;transition:all .15s ease}.lang-switcher-option:hover,.lang-switcher-option.active{background:var(--accent-color);color:#fff}.lang-switcher-code{font-size:.625rem;font-weight:700;opacity:.6;text-transform:uppercase}.hero-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.hero-profile{display:flex;gap:1rem;align-items:center}.hero-photo{width:72px;height:72px;border-radius:12px;object-fit:cover;border:2px solid var(--accent-color);flex-shrink:0}.hero-info{display:flex;flex-direction:column;gap:.25rem}.hero-info h1{font-size:1.375rem;font-weight:700;line-height:1.2;color:var(--text-primary);word-break:break-word}.hero-info .subtitle{font-size:.8125rem;color:var(--text-secondary);font-weight:400;line-height:1.4}.hero-controls{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.hero-contact{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem}.hero-contact-item{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.hero-contact-item svg{width:14px;height:14px;color:var(--text-secondary);flex-shrink:0}.hero-contact-link{text-decoration:none;color:var(--text-secondary);transition:color .2s ease}.hero-contact-link:hover{color:var(--accent-color)}.hero-actions{display:flex;gap:.75rem;margin-top:1.5rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}a{color:var(--accent-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.85}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.section-header svg{width:14px;height:14px;color:var(--icon-color)}.section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-darker);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--accent-subtle);border-color:var(--accent-color)}.btn svg{width:16px;height:16px}.skill-grid{display:flex;flex-wrap:wrap;gap:.5rem}.skill-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:8px;font-size:.75rem;font-weight:500;color:var(--text-primary);transition:all .2s ease;white-space:nowrap}.skill-item:hover{background:var(--accent-subtle);border-color:var(--accent-color)}.skill-icon{width:14px;height:14px;color:var(--icon-color);flex-shrink:0}.timeline{display:flex;flex-direction:column;gap:1.25rem}.timeline-item{position:relative;padding-left:1.25rem}.timeline-item:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--accent-color);border-radius:50%}.timeline-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem;line-height:1.3}.timeline-company{font-size:.75rem;color:var(--accent-color);font-weight:500;margin-bottom:.25rem}.timeline-meta{font-size:.6875rem;color:var(--text-secondary);margin-bottom:.5rem}.timeline-list{list-style:none;font-size:.6875rem;color:var(--text-secondary);line-height:1.6}.timeline-list li{position:relative;padding-left:.875rem;margin-bottom:.25rem}.timeline-list li:before{content:"•";position:absolute;left:0;color:var(--accent-color)}.info-content h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem;line-height:1.3}.info-content .highlight{font-size:.8125rem;color:var(--accent-color);font-weight:500;margin-bottom:.25rem}.info-content p{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.info-content .meta{font-size:.6875rem;color:var(--text-secondary);opacity:.8;margin-top:.25rem}.courses-list{display:flex;flex-direction:column;gap:.75rem}.course-item{padding:.875rem 1rem .875rem 1.25rem;background:var(--card-bg);border:1px solid var(--glass-border);border-left:3px solid var(--accent-color);border-radius:8px;transition:all .2s ease}.course-item:hover{background:var(--accent-subtle);border-color:var(--accent-color);border-left-color:var(--accent-light);transform:translate(2px)}.course-item h4{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.course-item .provider{font-size:.6875rem;color:var(--text-secondary)}.course-item .date{font-size:.625rem;color:var(--text-secondary);opacity:.7}.footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:2rem 1rem;margin-top:2rem;font-size:.75rem;color:var(--text-secondary)}.footer a{color:var(--accent-color)}.footer-copyright{font-size:.6875rem;white-space:nowrap}.footer-credit a{font-weight:700}.footer-linkedin{display:inline-flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.75rem;transition:color .2s ease}.footer-linkedin:hover{color:var(--accent-color)}.footer-linkedin svg{flex-shrink:0}.footer-credit{margin-top:.25rem;opacity:.7}.bento-cell--experience,.bento-cell--courses{scrollbar-width:thin;scrollbar-color:var(--divider) transparent}.bento-cell--experience::-webkit-scrollbar,.bento-cell--courses::-webkit-scrollbar{width:4px}.bento-cell--experience::-webkit-scrollbar-track,.bento-cell--courses::-webkit-scrollbar-track{background:transparent}.bento-cell--experience::-webkit-scrollbar-thumb,.bento-cell--courses::-webkit-scrollbar-thumb{background:var(--divider);border-radius:2px}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:0 0 8px 8px;font-weight:600;z-index:1000;transition:top .2s ease}.skip-link:focus{top:0}.btn:focus-visible,.skill-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .4s ease forwards}.bento-cell:nth-child(1){animation-delay:0s}.bento-cell:nth-child(2){animation-delay:.05s}.bento-cell:nth-child(3){animation-delay:.1s}.bento-cell:nth-child(4){animation-delay:.12s}.bento-cell:nth-child(5){animation-delay:.14s}.bento-cell:nth-child(6){animation-delay:.16s}.bento-cell:nth-child(7){animation-delay:.18s}@media(max-width:1024px){.bento-container{padding:1.5rem}.bento-grid{grid-template-columns:repeat(6,1fr);gap:1rem}.bento-cell--hero{grid-column:1 / 7;grid-row:1 / 2}.bento-cell--skills-tech{grid-column:1 / 4;grid-row:2 / 3}.bento-cell--skills-soft{grid-column:4 / 7;grid-row:2 / 3}.bento-cell--education{grid-column:1 / 4;grid-row:3 / 4}.bento-cell--awards{grid-column:4 / 7;grid-row:3 / 4}.bento-cell--experience{grid-column:1 / 7;grid-row:4 / 5;max-height:400px}.bento-cell--courses{grid-column:1 / 7;grid-row:5 / 6;max-height:300px}.hero-top{flex-direction:row}.hero-contact{flex-direction:row;flex-wrap:wrap;gap:1rem}}@media(max-width:640px){.bento-container{padding:1rem}.bento-grid{grid-template-columns:1fr;gap:.75rem}.bento-cell{grid-column:1 / -1!important;grid-row:auto!important;padding:1.25rem;max-height:none!important}.bento-cell--experience,.bento-cell--courses{max-height:350px!important;overflow-y:auto}.hero-top{flex-direction:column;align-items:center;text-align:center}.hero-profile{flex-direction:column;align-items:center}.hero-info{align-items:center}.hero-contact{justify-content:center;align-items:center}.hero-actions{justify-content:center;flex-wrap:wrap}.skill-grid{justify-content:center}}[dir=rtl] .timeline-item{padding-left:0;padding-right:1.25rem}[dir=rtl] .timeline-item:before{left:auto;right:0}[dir=rtl] .timeline-list li{padding-left:0;padding-right:.875rem}[dir=rtl] .timeline-list li:before{left:auto;right:0}[dir=rtl] .footer-copyright{direction:rtl;unicode-bidi:plaintext}[dir=rtl] .hero-contact{direction:rtl}[dir=rtl] .hero-contact-item{direction:ltr;unicode-bidi:embed}[dir=rtl] .section-header,[dir=rtl] .skill-item{flex-direction:row-reverse}[dir=rtl] .course-item{border-left:1px solid var(--glass-border);border-right:3px solid var(--accent-color);padding-left:1rem;padding-right:1.25rem}[dir=rtl] .course-item:hover{border-right-color:var(--accent-light);transform:translate(-2px)}[dir=rtl] .lang-switcher-option{text-align:right}@media(prefers-reduced-motion:reduce){.fade-in{animation:none;opacity:1}.bento-cell:hover,.course-item:hover{transform:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{body{background:#fff;color:#000}.bento-cell{background:#fff;box-shadow:none;border:1px solid #ddd;break-inside:avoid}.btn,.skip-link,.hero-controls{display:none}}