.contact-container{min-height:100vh;background:linear-gradient(135deg,#0a0e27 0%,#151a35 100%);padding:120px 60px 60px;position:relative}@media (max-width: 768px){.contact-container{padding:100px 20px 40px}}.contact-container .contact-content{max-width:1200px;margin:0 auto}.contact-container .contact-content .header-section{margin-bottom:60px}@media (max-width: 768px){.contact-container .contact-content .header-section{margin-bottom:40px}}.contact-container .contact-content .header-section h1{font-size:48px;font-weight:700;color:#fff;margin-bottom:12px}@media (max-width: 768px){.contact-container .contact-content .header-section h1{font-size:32px}}.contact-container .contact-content .header-section p{font-size:16px;color:#a0a0b0;max-width:600px}.contact-container .contact-content .contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px}@media (max-width: 968px){.contact-container .contact-content .contact-grid{grid-template-columns:1fr;gap:40px}}.contact-container .contact-content .contact-grid .form-section h2{font-size:24px;font-weight:600;color:#fff;margin-bottom:30px}.contact-container .contact-content .contact-grid .form-section form .form-group{margin-bottom:20px}.contact-container .contact-content .contact-grid .form-section form .form-group label{display:block;font-size:14px;font-weight:500;color:#fff;margin-bottom:8px}.contact-container .contact-content .contact-grid .form-section form .form-group input,.contact-container .contact-content .contact-grid .form-section form .form-group textarea{width:100%;padding:12px 16px;background:rgba(15,20,40,.8);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s ease}.contact-container .contact-content .contact-grid .form-section form .form-group input::placeholder,.contact-container .contact-content .contact-grid .form-section form .form-group textarea::placeholder{color:#70708a}.contact-container .contact-content .contact-grid .form-section form .form-group input:focus,.contact-container .contact-content .contact-grid .form-section form .form-group textarea:focus{outline:none;border-color:#00e6ff;background:rgba(15,20,40,.95)}.contact-container .contact-content .contact-grid .form-section form .form-group textarea{resize:vertical;min-height:100px}.contact-container .contact-content .contact-grid .form-section form .submit-btn{width:100%;padding:14px 24px;background:linear-gradient(90deg,#00e6ff,#00b8d9);border:none;border-radius:8px;color:#0a0e27;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.contact-container .contact-content .contact-grid .form-section form .submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00e6ff4d}.contact-container .contact-content .contact-grid .form-section form .message{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px}.contact-container .contact-content .contact-grid .form-section form .message.success-message{background:rgba(40,202,66,.1);border:1px solid rgba(40,202,66,.3);color:#28ca42}.contact-container .contact-content .contact-grid .form-section form .message.error-message{background:rgba(255,95,87,.1);border:1px solid rgba(255,95,87,.3);color:#ff5f57}.contact-container .contact-content .contact-grid .info-section{display:flex;flex-direction:column;gap:35px}.contact-container .contact-content .contact-grid .info-section .info-block h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px}.contact-container .contact-content .contact-grid .info-section .info-block .info-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#a0a0b0;font-size:14px}.contact-container .contact-content .contact-grid .info-section .info-block .info-item svg{width:20px;height:20px;color:#00e6ff;flex-shrink:0}.contact-container .contact-content .contact-grid .info-section .info-block .info-item span{word-break:break-word}.contact-container .contact-content .contact-grid .info-section .info-block .social-links{display:flex;gap:12px}.contact-container .contact-content .contact-grid .info-section .info-block .social-links .social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(15,20,40,.8);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#a0a0b0;transition:all .3s ease}.contact-container .contact-content .contact-grid .info-section .info-block .social-links .social-link:hover{background:rgba(0,230,255,.1);border-color:#00e6ff;color:#00e6ff;transform:translateY(-3px)}.contact-container .contact-content .contact-grid .info-section .info-block .social-links .social-link svg{width:20px;height:20px}.contact-container .contact-content .contact-grid .info-section .info-block .availability-text{font-size:14px;color:#a0a0b0;line-height:1.6}.hero-container{min-height:100vh;background:linear-gradient(135deg,#0a0e27 0%,#151a35 100%);padding:120px 60px 60px;position:relative;overflow:hidden}.hero-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,230,255,.1) 0%,transparent 50%);pointer-events:none}.hero-container .hero-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}@media (max-width: 968px){.hero-container .hero-content{grid-template-columns:1fr;gap:40px}}.hero-container .left-section .badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,230,255,.1);border:1px solid rgba(0,230,255,.3);padding:8px 16px;border-radius:50px;color:#00e6ff;font-size:14px;margin-bottom:30px}.hero-container .left-section .badge .badge-icon{font-size:16px}.hero-container .left-section h1{font-size:64px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:24px}@media (max-width: 768px){.hero-container .left-section h1{font-size:40px}}.hero-container .left-section h1 .highlight{background:linear-gradient(90deg,#00e6ff,#00b8d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-container .left-section .subtitle{font-size:18px;color:#a0a0b0;line-height:1.6;margin-bottom:40px;max-width:600px}.hero-container .left-section .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}@media (max-width: 768px){.hero-container .left-section .stats-grid{grid-template-columns:1fr}}.hero-container .left-section .stats-grid .stat-card{background:rgba(15,20,40,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.hero-container .left-section .stats-grid .stat-card:hover{border-color:#00e6ff66;background:rgba(15,20,40,.8);transform:translateY(-4px);box-shadow:0 8px 20px #00e6ff26}.hero-container .left-section .stats-grid .stat-card .stat-number{font-size:40px;font-weight:700;background:linear-gradient(90deg,#00e6ff,#00b8d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-container .left-section .stats-grid .stat-card .stat-label{font-size:14px;color:#a0a0b0;font-weight:400}.hero-container .left-section .action-buttons{display:flex;gap:16px;margin-bottom:50px;flex-wrap:wrap}@media (max-width: 768px){.hero-container .left-section .action-buttons{flex-direction:column}}.hero-container .left-section .action-buttons button{display:flex;align-items:center;gap:8px;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.hero-container .left-section .action-buttons button svg{width:16px;height:16px;transition:transform .3s ease}.hero-container .left-section .action-buttons button.btn-primary{background:linear-gradient(90deg,#00e6ff,#00b8d9);color:#0a0e27}.hero-container .left-section .action-buttons button.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00e6ff4d}.hero-container .left-section .action-buttons button.btn-primary:hover svg{transform:translate(4px)}.hero-container .left-section .action-buttons button.btn-secondary{background:rgba(15,20,40,.8);border:1px solid rgba(255,255,255,.2);color:#fff}.hero-container .left-section .action-buttons button.btn-secondary:hover{border-color:#fff6;background:rgba(15,20,40,.95);transform:translateY(-2px)}.hero-container .left-section .tech-stack .tech-label{font-size:14px;color:#808090;margin-bottom:16px}.hero-container .left-section .tech-stack .tech-badges{display:flex;flex-wrap:wrap;gap:10px}.hero-container .left-section .tech-stack .tech-badges .tech-badge{padding:6px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:13px;color:#c0c0d0;transition:all .3s ease}.hero-container .left-section .tech-stack .tech-badges .tech-badge:hover{border-color:#00e6ff;background:rgba(0,230,255,.1);color:#00e6ff}.hero-container .right-section .code-window{background:rgba(15,20,40,.8);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0006}.hero-container .right-section .code-window .window-header{background:rgba(20,25,45,.9);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.05)}.hero-container .right-section .code-window .window-header .window-dots{display:flex;gap:6px}.hero-container .right-section .code-window .window-header .window-dots .dot{width:12px;height:12px;border-radius:50%}.hero-container .right-section .code-window .window-header .window-dots .dot.red{background:#ff5f57}.hero-container .right-section .code-window .window-header .window-dots .dot.yellow{background:#ffbd2e}.hero-container .right-section .code-window .window-header .window-dots .dot.green{background:#28ca42}.hero-container .right-section .code-window .window-header .window-title{font-size:12px;color:#808090}.hero-container .right-section .code-window .code-content{padding:24px;min-height:300px}.hero-container .right-section .code-window .code-content pre{margin:0;font-family:Fira Code,Courier New,monospace;font-size:14px;line-height:1.8}.hero-container .right-section .code-window .code-content pre code{color:#00e6ff}.hero-container .right-section .code-window .code-content pre code .cursor{animation:blink 1s infinite;color:#00e6ff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-container .right-section .status-indicator{margin-top:20px;display:flex;align-items:center;gap:10px;font-size:14px;color:#a0a0b0}.hero-container .right-section .status-indicator .status-dot{width:8px;height:8px;background:#28ca42;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #28ca42b3}50%{opacity:.8;box-shadow:0 0 0 6px #28ca4200}}.navbar{position:fixed;top:0;left:0;right:0;background:rgba(10,14,39,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;padding:16px 0}.navbar .nav-container{max-width:1400px;margin:0 auto;padding:0 60px;display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.navbar .nav-container{padding:0 20px}}.navbar .logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#fff}.navbar .logo .logo-icon{font-size:24px}@media (max-width: 768px){.navbar .logo .logo-text{display:none}}.navbar .nav-links{display:flex;gap:32px}@media (max-width: 768px){.navbar .nav-links{display:none}}.navbar .nav-links a{color:#a0a0b0;text-decoration:none;font-size:15px;font-weight:500;transition:color .3s ease}.navbar .nav-links a:hover{color:#00e6ff}.navbar .nav-right{display:flex;align-items:center;gap:24px}.navbar .nav-right .social-links{display:flex;gap:16px}@media (max-width: 768px){.navbar .nav-right .social-links{gap:12px}}.navbar .nav-right .social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#a0a0b0;background:rgba(255,255,255,.05);border-radius:8px;transition:all .3s ease}.navbar .nav-right .social-links a:hover{color:#00e6ff;background:rgba(0,230,255,.1)}.navbar .nav-right .social-links a svg{width:20px;height:20px}.navbar .nav-right .btn-download{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(90deg,#00e6ff,#00b8d9);color:#0a0e27;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.navbar .nav-right .btn-download{padding:8px 16px;font-size:12px}}.navbar .nav-right .btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00e6ff4d}.navbar .nav-right .btn-download svg{width:16px;height:16px}.portfolio-container{min-height:100vh;background:linear-gradient(135deg,#0a0e27 0%,#151a35 100%);padding:120px 60px 60px;position:relative}@media (max-width: 768px){.portfolio-container{padding:100px 20px 40px}}.portfolio-container .portfolio-content{max-width:1400px;margin:0 auto}.portfolio-container .portfolio-content .section-header{text-align:center;margin-bottom:80px}@media (max-width: 768px){.portfolio-container .portfolio-content .section-header{margin-bottom:50px}}.portfolio-container .portfolio-content .section-header .section-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,230,255,.1);border:1px solid rgba(0,230,255,.3);padding:8px 16px;border-radius:50px;color:#00e6ff;font-size:14px;margin-bottom:20px}.portfolio-container .portfolio-content .section-header .section-badge .badge-icon{font-size:16px}.portfolio-container .portfolio-content .section-header h2{font-size:56px;font-weight:700;color:#fff;margin-bottom:16px}@media (max-width: 768px){.portfolio-container .portfolio-content .section-header h2{font-size:36px}}.portfolio-container .portfolio-content .section-header .section-subtitle{font-size:18px;color:#a0a0b0;max-width:700px;margin:0 auto}@media (max-width: 768px){.portfolio-container .portfolio-content .section-header .section-subtitle{font-size:16px}}.portfolio-container .portfolio-content .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}@media (max-width: 768px){.portfolio-container .portfolio-content .projects-grid{grid-template-columns:1fr;gap:20px}}.portfolio-container .portfolio-content .projects-grid .project-card{background:rgba(15,20,40,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;position:relative;transition:all .3s ease}.portfolio-container .portfolio-content .projects-grid .project-card:hover{border-color:#00e6ff80;background:rgba(15,20,40,.8);box-shadow:0 12px 30px #00e6ff26}.portfolio-container .portfolio-content .projects-grid .project-card:hover .arrow-icon{transform:translate(4px,-4px)}.portfolio-container .portfolio-content .projects-grid .project-card .live-badge{position:absolute;top:16px;right:16px;padding:4px 12px;background:rgba(0,230,255,.15);border:1px solid rgba(0,230,255,.4);border-radius:12px;font-size:11px;color:#00e6ff;text-transform:uppercase;font-weight:600}.portfolio-container .portfolio-content .projects-grid .project-card .arrow-icon{position:absolute;bottom:20px;right:20px;color:#00e6ff;opacity:.6;transition:all .3s ease}.portfolio-container .portfolio-content .projects-grid .project-card .arrow-icon svg{width:20px;height:20px}.portfolio-container .portfolio-content .projects-grid .project-card .project-info{padding-right:30px}.portfolio-container .portfolio-content .projects-grid .project-card .project-info h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:12px;padding-right:60px}@media (max-width: 768px){.portfolio-container .portfolio-content .projects-grid .project-card .project-info h3{font-size:18px}}.portfolio-container .portfolio-content .projects-grid .project-card .project-info p{font-size:14px;color:#a0a0b0;line-height:1.6;margin-bottom:16px}.portfolio-container .portfolio-content .projects-grid .project-card .project-info .tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.portfolio-container .portfolio-content .projects-grid .project-card .project-info .tech-stack .tech-tag{padding:4px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:12px;color:#c0c0d0;transition:all .3s ease}.portfolio-container .portfolio-content .projects-grid .project-card .project-info .tech-stack .tech-tag:hover{border-color:#00e6ff;background:rgba(0,230,255,.1);color:#00e6ff}.portfolio-container .portfolio-content .projects-grid .project-card .project-info .project-footer{display:flex;gap:12px;align-items:center}.portfolio-container .portfolio-content .projects-grid .project-card .project-info .project-footer button{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.portfolio-container .portfolio-content .projects-grid .project-card .project-info .project-footer button svg{width:14px;height:14px}.portfolio-container .portfolio-content .projects-grid .project-card .project-info .project-footer .btn-live{background:rgba(0,230,255,.15);border:1px solid rgba(0,230,255,.4);color:#00e6ff}.portfolio-container .portfolio-content .projects-grid .project-card .project-info .project-footer .btn-live:hover{background:rgba(0,230,255,.25);border-color:#00e6ff;transform:translateY(-2px)}.portfolio-container .portfolio-content .projects-grid .project-card .project-info .project-footer .btn-source{background:transparent;border:1px solid rgba(255,255,255,.2);color:#a0a0b0}.portfolio-container .portfolio-content .projects-grid .project-card .project-info .project-footer .btn-source:hover{border-color:#fff6;color:#fff;transform:translateY(-2px)}.portfolio-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.portfolio-container .modal-overlay .modal-content{position:relative;background:rgba(15,20,40,.95);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:40px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto}@media (max-width: 768px){.portfolio-container .modal-overlay .modal-content{padding:30px 20px;max-width:95%}}.portfolio-container .modal-overlay .modal-content .modal-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#a0a0b0;transition:all .3s ease}.portfolio-container .modal-overlay .modal-content .modal-close:hover{background:rgba(255,95,87,.15);border-color:#ff5f5766;color:#ff5f57}.portfolio-container .modal-overlay .modal-content .modal-close svg{width:20px;height:20px}.portfolio-container .modal-overlay .modal-content .modal-live-badge{display:inline-block;padding:6px 14px;background:rgba(0,230,255,.15);border:1px solid rgba(0,230,255,.4);border-radius:12px;font-size:12px;color:#00e6ff;text-transform:uppercase;font-weight:600;margin-bottom:20px}.portfolio-container .modal-overlay .modal-content .modal-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:20px;padding-right:50px}@media (max-width: 768px){.portfolio-container .modal-overlay .modal-content .modal-title{font-size:24px}}.portfolio-container .modal-overlay .modal-content .modal-description{font-size:16px;color:#a0a0b0;line-height:1.8;margin-bottom:30px}@media (max-width: 768px){.portfolio-container .modal-overlay .modal-content .modal-description{font-size:14px}}.portfolio-container .modal-overlay .modal-content .modal-tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.portfolio-container .modal-overlay .modal-content .modal-tech-stack .modal-tech-tag{padding:8px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:14px;color:#c0c0d0;font-weight:500;transition:all .3s ease}.portfolio-container .modal-overlay .modal-content .modal-tech-stack .modal-tech-tag:hover{border-color:#00e6ff;background:rgba(0,230,255,.1);color:#00e6ff}.portfolio-container .modal-overlay .modal-content .modal-footer{display:flex;gap:16px;flex-wrap:wrap}.portfolio-container .modal-overlay .modal-content .modal-footer button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.portfolio-container .modal-overlay .modal-content .modal-footer button svg{width:16px;height:16px}.portfolio-container .modal-overlay .modal-content .modal-footer .modal-btn-live{background:linear-gradient(90deg,#00e6ff,#00b8d9);border:none;color:#0a0e27}.portfolio-container .modal-overlay .modal-content .modal-footer .modal-btn-live:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00e6ff66}.portfolio-container .modal-overlay .modal-content .modal-footer .modal-btn-source{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.portfolio-container .modal-overlay .modal-content .modal-footer .modal-btn-source:hover{border-color:#fff9;background:rgba(255,255,255,.05);transform:translateY(-2px)}html{scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:Inter,DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:linear-gradient(135deg,#0a0e27 0%,#151a35 100%);color:#e0e0e0;overflow-x:hidden}.app{min-height:100vh}a{text-decoration:none;color:inherit}section{min-height:100vh;width:100%;position:relative}.services-container{min-height:100vh;background:linear-gradient(135deg,#0a0e27 0%,#151a35 100%);padding:120px 60px 60px;position:relative}@media (max-width: 768px){.services-container{padding:100px 20px 40px}}.services-container .services-content{max-width:1400px;margin:0 auto}.services-container .services-content .profile-header{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.services-container .services-content .profile-header .profile-main{margin-bottom:16px}.services-container .services-content .profile-header .profile-main h1{font-size:42px;font-weight:700;color:#fff;margin-bottom:8px}@media (max-width: 768px){.services-container .services-content .profile-header .profile-main h1{font-size:32px}}.services-container .services-content .profile-header .profile-main .profile-title{font-size:18px;color:#a0a0b0}.services-container .services-content .profile-header .contact-info{display:flex;gap:24px;flex-wrap:wrap}@media (max-width: 768px){.services-container .services-content .profile-header .contact-info{gap:16px}}.services-container .services-content .profile-header .contact-info .contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#a0a0b0}.services-container .services-content .profile-header .contact-info .contact-item svg{color:#00e6ff;opacity:.8}.services-container .services-content .two-column-layout{display:grid;grid-template-columns:2fr 1fr;gap:50px}@media (max-width: 1024px){.services-container .services-content .two-column-layout{grid-template-columns:1fr;gap:40px}}.services-container .services-content .two-column-layout .main-column .timeline-category:not(:last-child){margin-bottom:50px}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section{background:rgba(15,20,40,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-bottom:24px}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .sidebar-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .skills-grid .skill-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .3s ease}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .skills-grid .skill-item:hover{border-color:#00e6ff66;background:rgba(0,230,255,.05)}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .skills-grid .skill-item .skill-icon{font-size:24px;margin-bottom:8px}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .skills-grid .skill-item .skill-name{font-size:13px;color:#c0c0d0;font-weight:500}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .projects-list{display:flex;flex-direction:column;gap:16px}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .projects-list .project-item{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .projects-list .project-item:last-child{border-bottom:none;padding-bottom:0}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .projects-list .project-item .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .projects-list .project-item .project-header h4{font-size:15px;font-weight:600;color:#fff;margin:0;flex:1}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .projects-list .project-item .project-header .project-date{padding:2px 8px;background:rgba(0,230,255,.1);border-radius:4px;font-size:11px;color:#00e6ff;white-space:nowrap}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .projects-list .project-item .project-desc{font-size:13px;color:#a0a0b0;line-height:1.5}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .languages-list{display:flex;flex-direction:column;gap:12px}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .languages-list .language-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(255,255,255,.03);border-radius:6px}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .languages-list .language-item .language-name{font-size:14px;color:#fff;font-weight:500}.services-container .services-content .two-column-layout .sidebar-column .sidebar-section .languages-list .language-item .language-level{font-size:13px;color:#a0a0b0}.services-container .services-content .two-column-layout .timeline-category .category-title{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:600;color:#fff;margin-bottom:30px}@media (max-width: 768px){.services-container .services-content .two-column-layout .timeline-category .category-title{font-size:24px}}.services-container .services-content .two-column-layout .timeline-category .category-title .category-icon{font-size:28px}@media (max-width: 768px){.services-container .services-content .two-column-layout .timeline-category .category-title .category-icon{font-size:20px}}.services-container .services-content .two-column-layout .timeline-category .timeline-items{display:flex;flex-direction:column;gap:20px}.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card{background:rgba(15,20,40,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;transition:all .3s ease}.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card:hover{border-color:#00e6ff80;background:rgba(15,20,40,.8);box-shadow:0 8px 20px #00e6ff26}.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-header h4{font-size:22px;font-weight:600;color:#fff;margin:0}@media (max-width: 768px){.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-header h4{font-size:18px}}.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-header .card-status{padding:4px 12px;background:rgba(40,202,66,.15);border:1px solid rgba(40,202,66,.4);border-radius:12px;font-size:11px;color:#28ca42;text-transform:uppercase;white-space:nowrap;font-weight:600}.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-role{font-size:16px;color:#00e6ff;margin-bottom:10px;font-weight:500}.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-meta{display:flex;align-items:center;gap:20px;margin-bottom:12px;flex-wrap:wrap}@media (max-width: 768px){.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-meta{gap:12px}}.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-meta .card-period,.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-meta .card-location{display:flex;align-items:center;gap:6px;font-size:13px;color:#808090}.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-meta .card-period svg,.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-meta .card-location svg{flex-shrink:0;opacity:.7}.services-container .services-content .two-column-layout .timeline-category .timeline-items .timeline-card .card-description{font-size:14px;color:#a0a0b0;line-height:1.6;white-space:pre-line}