.navbar-custom,.skill-card{backdrop-filter:blur(10px)}.project-card,.skill-card{border:none;transition:.3s}.hero-section::before,.timeline::before{top:0;bottom:0;content:"";position:absolute}[data-bs-theme=dark] .hero-section,[data-bs-theme=dark] body{background:var(--dark-bg)}:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #4ba28e 100%);--secondary-gradient:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--dark-gradient:linear-gradient(135deg, #434343 0%, #000000 100%)}[data-bs-theme=dark]{--primary-gradient:linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);--secondary-gradient:linear-gradient(135deg, #ec4899 0%, #f59e0b 100%);--dark-gradient:linear-gradient(135deg, #1f2937 0%, #111827 100%);--dark-bg:#0f172a;--dark-surface:#1e293b;--dark-card:#334155;--dark-text:#f1f5f9;--dark-text-muted:#94a3b8;--dark-border:#475569}.hero-section{min-height:100vh;position:relative;overflow:hidden}.hero-section::before{left:0;right:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="0.5" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="1.5" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}[data-bs-theme=dark] .hero-section::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain-dark" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="cyan" opacity="0.1"/><circle cx="75" cy="75" r="0.5" fill="purple" opacity="0.1"/><circle cx="50" cy="10" r="1.5" fill="blue" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain-dark)"/></svg>');opacity:.2}.navbar-custom{transition:.3s;background:rgba(0,0,0,.1)!important}.navbar-custom .nav-link,.navbar-custom .navbar-brand{color:#000}[data-bs-theme=dark] .navbar-custom{background:rgba(15,23,42,.8)!important;border-bottom:1px solid var(--dark-border)}[data-bs-theme=dark] .navbar-custom .nav-link,[data-bs-theme=dark] .navbar-custom .navbar-brand{color:var(--dark-text)!important}[data-bs-theme=dark] .navbar-custom .nav-link:hover{color:#7c3aed!important}.skill-card{background:rgba(255,255,255,.95)}[data-bs-theme=dark] .skill-card{background:rgba(30,41,59,.9);border:1px solid var(--dark-border);color:var(--dark-text)}[data-bs-theme=dark] .dropdown-item,[data-bs-theme=dark] .form-label,[data-bs-theme=dark] .modal-title,[data-bs-theme=dark] .project-card .card-title,[data-bs-theme=dark] .skill-card .card-title,[data-bs-theme=dark] .table,[data-bs-theme=dark] .timeline-item h5,[data-bs-theme=dark] h1,[data-bs-theme=dark] h2,[data-bs-theme=dark] h3,[data-bs-theme=dark] h4,[data-bs-theme=dark] h5,[data-bs-theme=dark] h6{color:var(--dark-text)}[data-bs-theme=dark] .lead,[data-bs-theme=dark] .project-card .card-text,[data-bs-theme=dark] .skill-card .card-text,[data-bs-theme=dark] .timeline-item p,[data-bs-theme=dark] .timeline-item small,[data-bs-theme=dark] p{color:var(--dark-text-muted)}.skill-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1)!important}[data-bs-theme=dark] .skill-card:hover{box-shadow:0 20px 40px rgba(124,58,237,.3)!important;border-color:#7c3aed}.project-card{overflow:hidden}[data-bs-theme=dark] .project-card{background:var(--dark-surface);border:1px solid var(--dark-border);color:var(--dark-text)}.btn-gradient,.social-icon,.timeline-item::before,.timeline::before{background:var(--primary-gradient)}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.2)!important}[data-bs-theme=dark] .project-card:hover{box-shadow:0 15px 30px rgba(6,182,212,.4)!important;border-color:#06b6d4}.timeline{position:relative;padding-left:30px}.timeline::before{left:15px;width:2px}.timeline-item{position:relative;margin-bottom:30px}.timeline-item::before{content:"";position:absolute;left:-23px;top:20px;width:16px;height:16px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 3px rgba(102,126,234,.2)}.btn-gradient:hover,.social-icon:hover{box-shadow:0 10px 25px rgba(102,126,234,.4);color:#fff}[data-bs-theme=dark] .timeline-item::before{border-color:var(--dark-bg);box-shadow:0 0 0 3px rgba(124,58,237,.3)}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 10px;border-radius:50%;color:#fff;text-decoration:none;transition:.3s;font-size:1.2rem}.social-icon:hover{transform:translateY(-3px) scale(1.1)}[data-bs-theme=dark] .btn-gradient:hover,[data-bs-theme=dark] .social-icon:hover{box-shadow:0 10px 25px rgba(124,58,237,.6)}.btn-gradient{border:none;color:#fff;transition:.3s}.btn-gradient:hover{transform:translateY(-2px)}.progress-modern{height:8px;border-radius:10px;background:rgba(102,126,234,.1)}[data-bs-theme=dark] .progress-modern{background:rgba(124,58,237,.2)}.progress-modern .progress-bar{background:var(--primary-gradient);border-radius:10px}.section-bg-alt{background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%)}[data-bs-theme=dark] .section-bg-alt{background:linear-gradient(135deg,#1e293b 0,#334155 100%)}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-bs-theme=dark] body{color:var(--dark-text)}[data-bs-theme=dark] .alert,[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .list-group-item{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}[data-bs-theme=dark] .form-control:focus{background:var(--dark-surface);border-color:#7c3aed;box-shadow:0 0 0 .2rem rgba(124,58,237,.25)}[data-bs-theme=dark] .badge{background:var(--dark-card)!important;color:var(--dark-text)}[data-bs-theme=dark] footer{background:var(--dark-surface)!important;color:var(--dark-text);border-top:1px solid var(--dark-border)}[data-bs-theme=dark] .list-group-item:hover{background:var(--dark-card)}[data-bs-theme=dark] .table td,[data-bs-theme=dark] .table th{border-color:var(--dark-border)}[data-bs-theme=dark] .table-striped tbody tr:nth-of-type(odd){background:rgba(124,58,237,.1)}[data-bs-theme=dark] .dropdown-menu,[data-bs-theme=dark] .modal-content{background:var(--dark-surface);border-color:var(--dark-border)}[data-bs-theme=dark] .dropdown-item:hover{background:var(--dark-card);color:var(--dark-text)}[data-bs-theme=dark] .modal-header{border-bottom-color:var(--dark-border)}[data-bs-theme=dark] .modal-footer{border-top-color:var(--dark-border)}
