@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Source+Serif+Pro:wght@400;600;700&display=swap";section#hero{min-height:100vh;justify-content:center;padding:2rem 0;background:linear-gradient(135deg,#2a2b2f,#3d3e42);overflow:hidden}section#hero,section#hero .hero-content{display:flex;align-items:center;position:relative}section#hero .hero-content{max-width:1200px;margin:0 auto;justify-content:space-between;gap:3rem;padding:0 2rem;opacity:0;transform:translateY(30px);transition:all .8s ease-out;z-index:2}section#hero .hero-text{flex:1 1;text-align:left}section#hero .hero-image{flex-shrink:0}section#hero .hero-image img{width:300px;height:300px;border-radius:50%;object-fit:cover;border:4px solid #fac86b;box-shadow:0 8px 32px hsla(39,93%,70%,.3)}section#hero.visible .hero-content{opacity:1;transform:translateY(0)}section#hero .hero-headline{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}section#hero .hero-name{color:#fac86b;font-family:"Source Serif Pro",serif;font-size:4.5rem;font-weight:700;line-height:1.1;text-shadow:0 4px 8px rgba(0,0,0,.3)}section#hero .hero-role{color:#fff;font-family:"Source Serif Pro",serif;font-size:2.5rem;font-weight:600;opacity:.9}section#hero .hero-subheader{color:#fac86b;font-family:"Source Serif Pro",serif;font-size:1.8rem;font-weight:500;opacity:.9}section#hero .hero-value-prop{color:#fff;font-size:1.8rem;font-weight:400;line-height:1.6;margin-bottom:3rem;opacity:.8;max-width:600px;margin-left:auto;margin-right:auto}section#hero .hero-ctas{display:flex;gap:2rem;justify-content:flex-start;flex-wrap:wrap}section#hero .hero-ctas a{text-decoration:none;padding:1rem 2.5rem;border-radius:8px;font-size:1.2rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}section#hero .hero-ctas a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s}section#hero .hero-ctas a:hover:before{left:100%}section#hero .hero-ctas .cta-primary{background:#fac86b;color:#2a2b2f;border:2px solid #fac86b}section#hero .hero-ctas .cta-primary:hover{background:transparent;color:#fac86b;transform:translateY(-2px);box-shadow:0 8px 25px hsla(39,93%,70%,.3)}section#hero .hero-ctas .cta-secondary{background:transparent;color:#fac86b;border:2px solid #fac86b}section#hero .hero-ctas .cta-secondary:hover{background:#fac86b;color:#2a2b2f;transform:translateY(-2px);box-shadow:0 8px 25px hsla(39,93%,70%,.3)}@media(max-width:768px){section#hero .hero-content{flex-direction:column;text-align:center;gap:2rem;padding:0 1rem}section#hero .hero-text{text-align:center}section#hero .hero-name{font-size:3.5rem}section#hero .hero-role{font-size:2rem}section#hero .hero-subheader{font-size:1.4rem}section#hero .hero-value-prop{font-size:1.5rem;margin-bottom:2.5rem}section#hero .hero-ctas{flex-direction:column;align-items:center;gap:1.5rem}section#hero .hero-ctas a{width:100%;max-width:300px;text-align:center}section#hero .hero-image img{width:250px;height:250px}}@media(max-width:480px){section#hero .hero-name{font-size:3rem}section#hero .hero-role{font-size:1.8rem}section#hero .hero-subheader{font-size:1.2rem}section#hero .hero-value-prop{font-size:1.3rem}}.project-card{background:#2a2b2f;border-radius:12px;overflow:hidden;transition:all .3s ease;border:2px solid transparent;position:relative;opacity:0;transform:translateX(-20px);transition:all .4s linear}.project-card:hover{transform:translateY(-8px);border-color:#fac86b;box-shadow:0 20px 40px rgba(0,0,0,.3)}.project-card:hover .project-screenshot{transform:scale(1.05)}.project-card:hover .calendar-container,.project-card:hover .fantasy-football-container,.project-card:hover .job-alert-container,.project-card:hover .phishing-container,.project-card:hover .ticketmaster-container{transform:scale(1.1)}.project-card .project-image{position:relative;overflow:hidden}.project-card .project-image .project-screenshot{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.project-card .project-image .calendar-container{align-items:flex-start;background:#2a2b2f;padding-top:10px;overflow:visible}.project-card .project-image .calendar-container,.project-card .project-image .ticketmaster-container{width:100%;height:200px;display:flex;justify-content:center;transition:transform .3s ease;transform-origin:center}.project-card .project-image .ticketmaster-container{align-items:center;background:#fff;overflow:hidden}.project-card .project-image .fantasy-football-container{background:#1a472a}.project-card .project-image .fantasy-football-container,.project-card .project-image .phishing-container{width:100%;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .3s ease;transform-origin:center}.project-card .project-image .phishing-container{background:#2a2b2f}.project-card .project-image .job-alert-tool-container{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;transition:transform .3s ease;transform-origin:center}.project-card .project-image .project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(42,43,47,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card .project-image .project-overlay .view-project{color:#fac86b;font-size:1.2rem;font-weight:600;text-align:center}.project-card .project-content{padding:1rem}.project-card .project-content .project-title{color:#fff;font-family:"Source Serif Pro",serif;font-size:1.4rem;font-weight:600;margin-bottom:.5rem;line-height:1.3}.project-card .project-content .project-outcome{color:#ccc;font-size:.9rem;line-height:1.4;margin-bottom:.75rem;opacity:.9}.project-card .project-content .project-metrics{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.project-card .project-content .project-metrics .metric-chip{background:linear-gradient(135deg,#fac86b,#f0b84d);color:#2a2b2f;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.project-card .project-content .project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-card .project-content .project-tech .tech-badge{background:#3d3e42;color:#fac86b;padding:.3rem .7rem;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid #4a4b4f;transition:all .2s ease}.project-card .project-content .project-tech .tech-badge:hover{background:#fac86b;color:#2a2b2f;border-color:#fac86b}.project-card .project-content .project-buttons{display:flex;gap:.75rem;margin-top:1rem}.project-card .project-content .project-buttons button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.project-card .project-content .project-buttons button.btn-repo{background:#24292e;color:#fff;border:1px solid #444}.project-card .project-content .project-buttons button.btn-repo:hover{background:#2f363d;border-color:#666;transform:translateY(-1px)}.project-card .project-content .project-buttons button.btn-repo svg{width:16px;height:16px}.project-card .project-content .project-buttons button.btn-live{background:#fac86b;color:#2a2b2f;border:1px solid #fac86b}.project-card .project-content .project-buttons button.btn-live:hover{background:#f0b84d;border-color:#f0b84d;transform:translateY(-1px)}.projects-grid.visible .project-card{opacity:1;transform:translateX(0)}.projects-grid .project-card:nth-child(2){transition-delay:.1s}.projects-grid .project-card:nth-child(3){transition-delay:.2s}.projects-grid .project-card:nth-child(4){transition-delay:.3s}.projects-grid .project-card:nth-child(5){transition-delay:.4s}.projects-grid .project-card:nth-child(6){transition-delay:.5s}.projects-grid .project-card:nth-child(7){transition-delay:.6s}.projects-grid .project-card:nth-child(8){transition-delay:.7s}.projects-grid .project-card:nth-child(9){transition-delay:.8s}.projects-grid .project-card:nth-child(10){transition-delay:.9s}.projects-grid .project-card:nth-child(11){transition-delay:1s}.projects-grid .project-card:nth-child(12){transition-delay:1.1s}.projects-grid .project-card:nth-child(13){transition-delay:1.2s}.projects-grid .project-card:nth-child(14){transition-delay:1.3s}.projects-grid .project-card:nth-child(15){transition-delay:1.4s}.projects-grid .project-card:nth-child(16){transition-delay:1.5s}.projects-grid .project-card:nth-child(17){transition-delay:1.6s}.projects-grid .project-card:nth-child(18){transition-delay:1.7s}.projects-grid .project-card:nth-child(19){transition-delay:1.8s}.projects-grid .project-card:nth-child(20){transition-delay:1.9s}.projects-grid .project-card:nth-child(21){transition-delay:2s}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.projects-grid .project-card .project-buttons{flex-wrap:wrap;gap:.5rem}.projects-grid .project-card .project-buttons button{flex:1 1;min-width:120px}}@media(max-width:480px){.projects-grid{gap:1rem;padding:0 .5rem}.projects-grid .project-card .project-content{padding:1rem}.projects-grid .project-card .project-content .project-title{font-size:1.3rem}.projects-grid .project-card .project-content .project-outcome{font-size:.9rem}.projects-grid .project-card .project-content .project-buttons{flex-direction:column;gap:.5rem}.projects-grid .project-card .project-content .project-buttons button{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.9rem}}.calendar-ui{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;padding:1.2rem;box-shadow:0 12px 24px rgba(0,0,0,.3);border:1px solid #475569;max-width:100%;margin:0 auto;position:relative;overflow:visible;transform:scale(.85);transform-origin:top center}.calendar-ui:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b)}.calendar-ui .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(71,85,105,.3)}.calendar-ui .calendar-header .month-year h3{color:#fff;font-family:"Source Serif Pro",serif;font-size:1.6rem;font-weight:700;margin:0 0 .2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.calendar-ui .calendar-header .month-year .subtitle{color:#94a3b8;font-size:.75rem;margin:0;font-weight:500}.calendar-ui .calendar-header .calendar-controls{display:flex;gap:.8rem}.calendar-ui .calendar-header .calendar-controls .nav-btn{background:linear-gradient(135deg,#475569,#64748b);border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.calendar-ui .calendar-header .calendar-controls .nav-btn:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);transform:translateY(-2px);box-shadow:0 6px 12px rgba(59,130,246,.3)}.calendar-ui .calendar-header .calendar-controls .nav-btn:active{transform:translateY(0)}.calendar-ui .calendar-grid{display:flex;flex-direction:column}.calendar-ui .calendar-grid .weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;margin-bottom:.6rem;align-items:stretch}.calendar-ui .calendar-grid .weekdays div{text-align:center;color:#94a3b8;font-size:.75rem;font-weight:700;padding:.5rem 0;text-transform:uppercase;letter-spacing:.5px;background:rgba(71,85,105,.3);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calendar-ui .calendar-grid .days{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,50px);grid-gap:4px;gap:4px;align-items:start}.calendar-ui .calendar-grid .days .day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:8px;position:relative;height:50px;padding:.3rem;transition:all .3s ease;width:100%;box-sizing:border-box;overflow:hidden}.calendar-ui .calendar-grid .days .day.has-day{background:linear-gradient(135deg,#334155,#475569);border:1px solid #64748b}.calendar-ui .calendar-grid .days .day.has-day:hover{background:linear-gradient(135deg,#475569,#64748b);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 16px rgba(59,130,246,.2)}.calendar-ui .calendar-grid .days .day .day-number{color:#fff;font-weight:700;font-size:.8rem;margin-bottom:.2rem;text-shadow:0 1px 2px rgba(0,0,0,.3);flex-shrink:0}.calendar-ui .calendar-grid .days .day .expense-indicator{display:flex;flex-direction:column;align-items:center;gap:.1rem;width:100%;flex:1 1;justify-content:center;min-height:0}.calendar-ui .calendar-grid .days .day .expense-indicator .expense-dot{width:6px;height:6px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 1px 2px rgba(59,130,246,.3)}.calendar-ui .calendar-grid .days .day .expense-indicator .expense-amount{color:#3b82f6;font-size:.6rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1}.calendar-ui .calendar-grid .days .day .expense-indicator .expense-category{color:#94a3b8;font-size:.5rem;font-weight:500;text-align:center;line-height:1}.calendar-ui .calendar-grid .days .day.has-expense{background:linear-gradient(135deg,#1e40af,#3730a3);border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.2)}.calendar-ui .calendar-grid .days .day.has-expense .day-number{color:#fff}.calendar-ui .calendar-grid .days .day.has-expense:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 8px 20px rgba(59,130,246,.4)}.calendar-ui .calendar-grid .days .day.today{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;box-shadow:0 4px 12px rgba(245,158,11,.3)}.calendar-ui .calendar-grid .days .day.today .day-number{color:#fff;font-weight:800}.calendar-ui .calendar-grid .days .day.today:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 20px rgba(245,158,11,.4)}.calendar-ui .calendar-footer{margin-top:1rem;border-top:2px solid #3b82f6;background:rgba(59,130,246,.1);border-radius:8px;padding:.8rem}.calendar-ui .calendar-footer .expense-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.calendar-ui .calendar-footer .expense-summary .summary-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.calendar-ui .calendar-footer .expense-summary .summary-item .label{color:#94a3b8;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.calendar-ui .calendar-footer .expense-summary .summary-item .amount{color:#3b82f6;font-size:1.3rem;font-weight:800;text-shadow:0 2px 4px rgba(59,130,246,.3)}.calendar-ui .calendar-footer .expense-summary .summary-item .count{color:#8b5cf6;font-size:1rem;font-weight:700}.calendar-ui .calendar-footer .legend{display:flex;justify-content:center;gap:1.5rem}.calendar-ui .calendar-footer .legend .legend-item{display:flex;align-items:center;gap:.4rem}.calendar-ui .calendar-footer .legend .legend-item .legend-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 1px 2px rgba(59,130,246,.3)}.calendar-ui .calendar-footer .legend .legend-item .legend-dot.today{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 1px 2px rgba(245,158,11,.3)}.calendar-ui .calendar-footer .legend .legend-item span{color:#94a3b8;font-size:.65rem;font-weight:500}@media(max-width:480px){.calendar-ui{padding:1.5rem;max-width:100%}.calendar-ui .calendar-header{margin-bottom:1.5rem}.calendar-ui .calendar-header .month-year h3{font-size:1.5rem}.calendar-ui .calendar-header .subtitle{font-size:.8rem}.calendar-ui .calendar-grid .weekdays div{font-size:.8rem;padding:.6rem 0}.calendar-ui .calendar-grid .days .day{min-height:60px;padding:.4rem}.calendar-ui .calendar-grid .days .day .day-number{font-size:.9rem}.calendar-ui .calendar-grid .days .day .expense-indicator .expense-amount{font-size:.7rem}.calendar-ui .calendar-grid .days .day .expense-indicator .expense-category{font-size:.6rem}.calendar-ui .calendar-footer .expense-summary{flex-direction:column;gap:1rem}.calendar-ui .calendar-footer .expense-summary .summary-item .amount{font-size:1.2rem}.calendar-ui .calendar-footer .expense-summary .summary-item .count{font-size:1rem}.calendar-ui .calendar-footer .legend{gap:1.5rem}}.ticketmaster-ui{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.15);border:1px solid #e1e5e9;max-width:400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ticketmaster-ui .tm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ticketmaster-ui .tm-header .tm-logo .tm-text{color:#e31837;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.ticketmaster-ui .tm-header .price-alert-badge{background:linear-gradient(135deg,#e31837,#c41230);color:#fff;padding:.5rem .8rem;border-radius:20px;display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600}.ticketmaster-ui .tm-header .price-alert-badge .alert-icon{font-size:.9rem}.ticketmaster-ui .search-section{margin-bottom:1.5rem}.ticketmaster-ui .search-section .search-bar{display:flex;border:2px solid #e1e5e9;border-radius:8px;overflow:hidden}.ticketmaster-ui .search-section .search-bar .search-input{flex:1 1;padding:.8rem 1rem;border:none;outline:none;font-size:.9rem;color:#333}.ticketmaster-ui .search-section .search-bar .search-input::placeholder{color:#999}.ticketmaster-ui .search-section .search-bar .search-btn{background:#e31837;border:none;color:#fff;padding:.8rem 1rem;cursor:pointer;font-size:1rem;transition:background .2s ease}.ticketmaster-ui .search-section .search-bar .search-btn:hover{background:#c41230}.ticketmaster-ui .alerts-section{margin-bottom:1.5rem}.ticketmaster-ui .alerts-section .section-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.ticketmaster-ui .alerts-section .alerts-list{display:flex;flex-direction:column;gap:.8rem}.ticketmaster-ui .alerts-section .alerts-list .alert-card{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:1rem;transition:all .2s ease}.ticketmaster-ui .alerts-section .alerts-list .alert-card:hover{border-color:#e31837;box-shadow:0 2px 8px rgba(227,24,55,.1)}.ticketmaster-ui .alerts-section .alerts-list .alert-card .event-info{margin-bottom:.8rem}.ticketmaster-ui .alerts-section .alerts-list .alert-card .event-info .event-name{color:#333;font-size:.9rem;font-weight:600;margin:0 0 .4rem;line-height:1.3}.ticketmaster-ui .alerts-section .alerts-list .alert-card .event-info .event-details{display:flex;gap:1rem;margin:0;font-size:.8rem;color:#666}.ticketmaster-ui .alerts-section .alerts-list .alert-card .event-info .event-details .date,.ticketmaster-ui .alerts-section .alerts-list .alert-card .event-info .event-details .venue{display:flex;align-items:center}.ticketmaster-ui .alerts-section .alerts-list .alert-card .event-info .event-details .date:before,.ticketmaster-ui .alerts-section .alerts-list .alert-card .event-info .event-details .venue:before{content:"";width:4px;height:4px;background:#e31837;border-radius:50%;margin-right:.5rem}.ticketmaster-ui .alerts-section .alerts-list .alert-card .price-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.ticketmaster-ui .alerts-section .alerts-list .alert-card .price-info .price-comparison{display:flex;align-items:center;gap:.5rem}.ticketmaster-ui .alerts-section .alerts-list .alert-card .price-info .price-comparison .original-price{color:#999;font-size:.8rem;text-decoration:line-through}.ticketmaster-ui .alerts-section .alerts-list .alert-card .price-info .price-comparison .current-price{color:#e31837;font-size:1.1rem;font-weight:700}.ticketmaster-ui .alerts-section .alerts-list .alert-card .price-info .savings-badge{background:#e31837;color:#fff;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}.ticketmaster-ui .alerts-section .alerts-list .alert-card .alert-status{display:flex;align-items:center;gap:.5rem}.ticketmaster-ui .alerts-section .alerts-list .alert-card .alert-status .status-dot{width:8px;height:8px;border-radius:50%}.ticketmaster-ui .alerts-section .alerts-list .alert-card .alert-status .status-dot.active{background:#28a745}.ticketmaster-ui .alerts-section .alerts-list .alert-card .alert-status .status-text{color:#666;font-size:.8rem;font-weight:500}.ticketmaster-ui .stats-section{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;padding-top:1rem;border-top:1px solid #e1e5e9}.ticketmaster-ui .stats-section .stat-item{text-align:center}.ticketmaster-ui .stats-section .stat-item .stat-number{display:block;color:#e31837;font-size:1.2rem;font-weight:700;margin-bottom:.2rem}.ticketmaster-ui .stats-section .stat-item .stat-label{color:#666;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media(max-width:480px){.ticketmaster-ui{padding:1rem}.ticketmaster-ui .tm-header .tm-logo .tm-text{font-size:1.3rem}.ticketmaster-ui .alerts-section .alerts-list .alert-card{padding:.8rem}.ticketmaster-ui .alerts-section .alerts-list .alert-card .event-info .event-name{font-size:.8rem}.ticketmaster-ui .alerts-section .alerts-list .alert-card .price-info .price-comparison .current-price{font-size:1rem}.ticketmaster-ui .stats-section{gap:.8rem}.ticketmaster-ui .stats-section .stat-item .stat-number{font-size:1.1rem}}.phishing-detector-ui{width:100%;height:250px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:1rem;overflow:hidden;position:relative}.phishing-detector-ui .pd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.phishing-detector-ui .pd-header .pd-logo{display:flex;align-items:center;gap:.5rem}.phishing-detector-ui .pd-header .pd-logo .shield-icon{font-size:1.5rem;filter:drop-shadow(0 0 5px rgba(0,255,0,.5))}.phishing-detector-ui .pd-header .pd-logo .pd-title{font-size:1rem;font-weight:600;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.3)}.phishing-detector-ui .pd-header .pd-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.phishing-detector-ui .pd-header .pd-status .status-indicator{width:8px;height:8px;border-radius:50%;background:#0f8;box-shadow:0 0 10px rgba(0,255,136,.5);animation:pulse 2s infinite}.phishing-detector-ui .pd-header .pd-status .status-indicator.active{background:#0f8}.phishing-detector-ui .pd-header .pd-status .status-text{color:#0f8;font-weight:500}.phishing-detector-ui .scan-section{margin-bottom:1rem}.phishing-detector-ui .scan-section .section-title{font-size:.9rem;margin-bottom:.5rem;color:#e0e0e0}.phishing-detector-ui .scan-section .url-input-container{display:flex;gap:.5rem}.phishing-detector-ui .scan-section .url-input-container .url-input{flex:1 1;padding:.4rem .6rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.75rem}.phishing-detector-ui .scan-section .url-input-container .url-input::placeholder{color:#888}.phishing-detector-ui .scan-section .url-input-container .scan-button{padding:.4rem .8rem;background:linear-gradient(135deg,#0f8,#00cc6a);border:none;border-radius:4px;color:#1a1a2e;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.phishing-detector-ui .scan-section .url-input-container .scan-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,255,136,.3)}.phishing-detector-ui .analysis-results .result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.phishing-detector-ui .analysis-results .result-header .result-title{font-size:.85rem;color:#e0e0e0;margin:0}.phishing-detector-ui .analysis-results .result-header .scan-timestamp{font-size:.7rem;color:#888}.phishing-detector-ui .analysis-results .security-score{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.phishing-detector-ui .analysis-results .security-score .score-circle{width:50px;height:50px;border-radius:50%;background:conic-gradient(#0f8 0deg 306deg,#333 306deg 1turn);display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #333}.phishing-detector-ui .analysis-results .security-score .score-circle .score-number{font-size:1rem;font-weight:700;color:#0f8}.phishing-detector-ui .analysis-results .security-score .score-circle .score-label{font-size:.6rem;color:#888;text-align:center}.phishing-detector-ui .analysis-results .security-score .score-description{flex:1 1}.phishing-detector-ui .analysis-results .security-score .score-description .verdict{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.phishing-detector-ui .analysis-results .security-score .score-description .verdict.safe{background:rgba(0,255,136,.2);color:#0f8;border:1px solid rgba(0,255,136,.3)}.phishing-detector-ui .analysis-results .security-score .score-description .verdict-explanation{font-size:.7rem;color:#ccc;margin:0;line-height:1.3}.phishing-detector-ui .analysis-results .security-features{margin-bottom:.75rem}.phishing-detector-ui .analysis-results .security-features h5{font-size:.8rem;color:#e0e0e0;margin:0 0 .5rem}.phishing-detector-ui .analysis-results .security-features .features-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.phishing-detector-ui .analysis-results .security-features .features-grid .feature-item{display:flex;align-items:center;gap:.5rem;padding:.3rem;background:hsla(0,0%,100%,.05);border-radius:4px}.phishing-detector-ui .analysis-results .security-features .features-grid .feature-item .feature-icon{font-size:.8rem}.phishing-detector-ui .analysis-results .security-features .features-grid .feature-item .feature-details{display:flex;flex-direction:column}.phishing-detector-ui .analysis-results .security-features .features-grid .feature-item .feature-details .feature-name{font-size:.65rem;color:#ccc}.phishing-detector-ui .analysis-results .security-features .features-grid .feature-item .feature-details .feature-status{font-size:.6rem;font-weight:600}.phishing-detector-ui .analysis-results .security-features .features-grid .feature-item .feature-details .feature-status.green{color:#0f8}.phishing-detector-ui .analysis-results .security-features .features-grid .feature-item .feature-details .feature-status.blue{color:#4dabf7}.phishing-detector-ui .analysis-results .security-features .features-grid .feature-item .feature-details .feature-status.gold{color:#ffd43b}.phishing-detector-ui .recent-scans{margin-bottom:.75rem}.phishing-detector-ui .recent-scans h5{font-size:.8rem;color:#e0e0e0;margin:0 0 .5rem}.phishing-detector-ui .recent-scans .scans-list .scan-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.7rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.phishing-detector-ui .recent-scans .scans-list .scan-item:last-child{border-bottom:none}.phishing-detector-ui .recent-scans .scans-list .scan-item .scan-url{color:#ccc;flex:1 1}.phishing-detector-ui .recent-scans .scans-list .scan-item .scan-result{padding:.1rem .4rem;border-radius:8px;font-size:.6rem;font-weight:600}.phishing-detector-ui .recent-scans .scans-list .scan-item .scan-result.safe{background:rgba(0,255,136,.2);color:#0f8}.phishing-detector-ui .recent-scans .scans-list .scan-item .scan-result.suspicious{background:rgba(255,193,7,.2);color:#ffc107}.phishing-detector-ui .recent-scans .scans-list .scan-item .scan-time{color:#888;font-size:.6rem}.phishing-detector-ui .stats-footer{display:flex;justify-content:space-between;padding-top:.5rem;border-top:1px solid hsla(0,0%,100%,.1)}.phishing-detector-ui .stats-footer .stat-item{text-align:center}.phishing-detector-ui .stats-footer .stat-item .stat-number{display:block;font-size:.8rem;font-weight:700;color:#0f8;margin-bottom:.1rem}.phishing-detector-ui .stats-footer .stat-item .stat-label{font-size:.6rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.fantasy-football-ui{background:linear-gradient(135deg,#6b46c1,#8b5cf6);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.3);border:1px solid #a78bfa;max-width:450px;margin:0 auto;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.fantasy-football-ui .ff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.fantasy-football-ui .ff-header .ff-logo{display:flex;align-items:center;gap:.5rem}.fantasy-football-ui .ff-header .ff-logo .ff-icon{font-size:1.5rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.fantasy-football-ui .ff-header .ff-logo .ff-title{color:#fbbf24;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px rgba(251,191,36,.3)}.fantasy-football-ui .ff-header .analysis-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.fantasy-football-ui .ff-header .analysis-status .status-dot{width:8px;height:8px;border-radius:50%}.fantasy-football-ui .ff-header .analysis-status .status-dot.analyzing{background:#fbbf24;box-shadow:0 0 10px rgba(251,191,36,.5)}.fantasy-football-ui .ff-header .analysis-status .status-text{color:#fbbf24;font-weight:500}.fantasy-football-ui .trade-comparison{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.fantasy-football-ui .trade-comparison .player-card{flex:1 1;display:flex;flex-direction:column;align-items:center;text-align:center}.fantasy-football-ui .trade-comparison .player-card .player-avatar{position:relative;margin-bottom:.8rem}.fantasy-football-ui .trade-comparison .player-card .player-avatar .avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(251,191,36,.4);border:3px solid #fff}.fantasy-football-ui .trade-comparison .player-card .player-avatar .avatar-circle svg{width:50px;height:50px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.fantasy-football-ui .trade-comparison .player-card .player-avatar .score-badge{position:absolute;top:-8px;right:-8px;background:#fff;color:#6b46c1;padding:.3rem .6rem;border-radius:12px;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.2);border:2px solid}.fantasy-football-ui .trade-comparison .player-card .player-avatar .score-badge.positive{border-color:#22c55e;color:#22c55e}.fantasy-football-ui .trade-comparison .player-card .player-avatar .score-badge.negative{border-color:#ef4444;color:#ef4444}.fantasy-football-ui .trade-comparison .player-card .player-info .player-name{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.fantasy-football-ui .trade-comparison .player-card .player-info .player-details{display:flex;gap:.5rem;justify-content:center}.fantasy-football-ui .trade-comparison .player-card .player-info .player-details .position,.fantasy-football-ui .trade-comparison .player-card .player-info .player-details .team{background:hsla(0,0%,100%,.2);color:#fff;padding:.2rem .5rem;border-radius:8px;font-size:.7rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fantasy-football-ui .trade-comparison .vs-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.fantasy-football-ui .trade-comparison .vs-section .vs-circle{width:40px;height:40px;border-radius:50%;background:#fbbf24;color:#6b46c1;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;box-shadow:0 2px 8px rgba(251,191,36,.4)}.fantasy-football-ui .trade-comparison .vs-section .trade-arrow{font-size:1.5rem;color:#fbbf24;animation:pulse 2s infinite}.fantasy-football-ui .verdict-section .verdict-card{background:hsla(0,0%,100%,.1);border-radius:12px;padding:1rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.fantasy-football-ui .verdict-section .verdict-card .verdict-title{color:#fbbf24;font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.fantasy-football-ui .verdict-section .verdict-card .verdict-text{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.8rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.fantasy-football-ui .verdict-section .verdict-card .fairness-indicator{display:flex;justify-content:center;align-items:center;gap:.5rem}.fantasy-football-ui .verdict-section .verdict-card .fairness-indicator .fairness-label{color:#ccc;font-size:.8rem}.fantasy-football-ui .verdict-section .verdict-card .fairness-indicator .fairness-value{color:#fbbf24;font-size:1rem;font-weight:700}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media(max-width:480px){.fantasy-football-ui{padding:1rem;max-width:100%}.fantasy-football-ui .trade-comparison{flex-direction:column;gap:1rem}.fantasy-football-ui .trade-comparison .vs-section .trade-arrow,.fantasy-football-ui .trade-comparison .vs-section .vs-circle{transform:rotate(90deg)}.fantasy-football-ui .trade-comparison .player-card .player-avatar .avatar-circle{width:70px;height:70px}.fantasy-football-ui .trade-comparison .player-card .player-avatar .avatar-circle svg{width:45px;height:45px}.fantasy-football-ui .trade-comparison .player-card .player-info .player-name{font-size:.9rem}.fantasy-football-ui .verdict-section .verdict-card{padding:.8rem}.fantasy-football-ui .verdict-section .verdict-card .verdict-text{font-size:1rem}}.floating-clouds{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.cloud{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.2) 70%,hsla(0,0%,100%,.1) 100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;animation:float ease-in-out infinite;box-shadow:0 0 20px hsla(0,0%,100%,.1);will-change:transform}.cloud,.cloud:before{position:absolute;border-radius:50px;filter:blur(1px)}.cloud:before{top:-20%;left:20%;width:60%;height:60%}.cloud:after,.cloud:before{content:"";background:inherit}.cloud:after{position:absolute;top:10%;right:20%;width:40%;height:40%;border-radius:50px;filter:blur(1px)}@keyframes float{0%{transform:translateX(-120px) translateY(0) rotate(0deg)}25%{transform:translateX(-60px) translateY(-10px) rotate(1deg)}50%{transform:translateX(0) translateY(-5px) rotate(0deg)}75%{transform:translateX(60px) translateY(8px) rotate(-1deg)}to{transform:translateX(120px) translateY(0) rotate(0deg)}}@media(max-width:768px){.floating-clouds .cloud{transform:scale(.6);animation-duration:10s}}@media(max-width:480px){.floating-clouds .cloud{transform:scale(.5);animation-duration:8s}}@media(prefers-reduced-motion:reduce){.floating-clouds .cloud{animation:none}}.job-alert-tool-ui{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;position:relative}.job-alert-tool-ui .phone-frame{width:280px;height:180px;background:#000;border-radius:25px;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.3);position:relative;overflow:hidden}.job-alert-tool-ui .phone-frame .phone-header{background:#000;border-radius:15px 15px 0 0;padding:6px 12px 3px}.job-alert-tool-ui .phone-frame .phone-header .status-bar{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:12px;font-weight:600;margin-bottom:4px}.job-alert-tool-ui .phone-frame .phone-header .status-bar .time{font-size:14px}.job-alert-tool-ui .phone-frame .phone-header .status-bar .battery{width:20px;height:10px;border:1px solid #fff;border-radius:2px;position:relative}.job-alert-tool-ui .phone-frame .phone-header .status-bar .battery .battery-level{width:80%;height:100%;background:#4cd964;border-radius:1px}.job-alert-tool-ui .phone-frame .phone-header .header-content{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:16px;font-weight:600}.job-alert-tool-ui .phone-frame .phone-header .header-content .back-arrow{font-size:20px;color:#007aff}.job-alert-tool-ui .phone-frame .phone-header .header-content .settings{font-size:16px;color:#007aff}.job-alert-tool-ui .phone-frame .messages-container{background:#f2f2f7;height:120px;padding:6px 10px;overflow-y:auto;border-radius:0 0 15px 15px;margin:0;position:relative}.job-alert-tool-ui .phone-frame .messages-container .message-bubble{margin-bottom:8px;max-width:80%}.job-alert-tool-ui .phone-frame .messages-container .message-bubble.incoming{align-self:flex-start}.job-alert-tool-ui .phone-frame .messages-container .message-bubble.incoming .message-text{background:#fff;color:#000;padding:8px 12px;border-radius:18px 18px 18px 4px;font-size:11px;line-height:1.3;box-shadow:0 1px 2px rgba(0,0,0,.1)}.job-alert-tool-ui .phone-frame .messages-container .message-bubble.incoming .message-text strong{color:#007aff}.job-alert-tool-ui .phone-frame .messages-container .message-bubble.incoming .message-text .apply-link{color:#007aff;font-weight:600}.job-alert-tool-ui .phone-frame .messages-container .message-bubble.outgoing{align-self:flex-end;margin-left:auto}.job-alert-tool-ui .phone-frame .messages-container .message-bubble.outgoing .message-text{background:#007aff;color:#fff;padding:8px 12px;border-radius:18px 18px 4px 18px;font-size:11px;line-height:1.3}.job-alert-tool-ui .phone-frame .messages-container .message-bubble .message-time{font-size:9px;color:#8e8e93;margin-top:2px;text-align:right}.job-alert-tool-ui .phone-frame .input-area{position:absolute;bottom:10px;left:10px;right:10px}.job-alert-tool-ui .phone-frame .input-area .input-field{background:#fff;border-radius:18px;padding:4px 10px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px rgba(0,0,0,.1)}.job-alert-tool-ui .phone-frame .input-area .input-field .input-placeholder{color:#8e8e93;font-size:11px}.job-alert-tool-ui .phone-frame .input-area .input-field .send-button{background:#007aff;color:#fff;width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background-color:#3d3e42;font-family:Roboto,sans-serif;color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}.center{max-width:780px;margin:0 auto;padding:0 1rem}@media(max-width:768px){.center{padding:0 1.5rem}}@media(max-width:480px){.center{padding:0 1rem}}img{max-width:100%}h2{font-family:"Source Serif Pro",serif;font-size:3rem;font-weight:600;margin-bottom:20px}@media(max-width:768px){h2{font-size:2.5rem;margin-bottom:15px}}@media(max-width:480px){h2{font-size:2rem;margin-bottom:10px}}header{display:flex;max-width:780px;margin:0 auto;align-items:center;padding-top:20px}header nav{flex-grow:1;text-align:center}header nav a{color:hsla(0,0%,100%,.6);padding:10px;text-decoration:none}header nav a:hover{color:#fff}header div.social a{display:inline-block}header div.social a svg{height:20px;fill:hsla(0,0%,100%,.6);display:inline-block;margin:0 10px}section#intro{max-width:780px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:60vh}section#intro p{color:#fff;font-size:1.8rem;line-height:2.6rem;opacity:0;transition:all .3s linear;position:relative;top:-50px}section#intro.visible p{opacity:1;top:0}section#intro a{border:3px solid #fac86b;border-radius:7px;color:#fac86b;text-decoration:none;padding:10px 20px;display:inline-block;margin-top:20px;font-size:1.4rem;transition:all .3s linear;position:relative;opacity:0;bottom:-50px}section#intro.visible a{bottom:0;opacity:1}section#intro span{color:#fac86b;font-family:"Source Serif Pro",serif;font-size:3.2rem;font-weight:600}section#intro img{max-width:300px;opacity:0;transition:opacity .5s linear}section#intro.visible img{opacity:1}section#about{background-color:#31333b;box-shadow:inset 0 10px 10px rgba(0,0,0,.2);padding:100px 0;opacity:0;transition:opacity .3s linear}section#about.visible{opacity:1}section#about p{padding-left:60px;line-height:1.8rem;font-size:1.2rem}section#about p:before{content:"";display:block;width:50px;height:2px;background-color:#fac86b;margin-left:-60px;position:relative;top:15px}section#skills{background-color:#31333b;padding-bottom:150px}section#skills h2{text-align:center}.skills-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:25px;gap:25px;max-width:1000px;margin:0 auto}.skill-box{opacity:0;transition:all .4s linear;background:linear-gradient(135deg,#3d3e42,#4a4b4f);padding:30px 20px;text-align:center;border-radius:12px;position:relative;left:-20px;border:2px solid transparent}.skill-box:hover{transform:translateY(-5px);border-color:#fac86b;box-shadow:0 10px 25px hsla(39,93%,70%,.2)}.skill-box span{display:block;color:#fff;font-weight:600;font-size:.9rem;margin-top:15px}.skills-container.visible .skill-box{opacity:1;left:0}.skill-box:nth-child(2){transition-delay:.1s}.skill-box:nth-child(3){transition-delay:.2s}.skill-box:nth-child(4){transition-delay:.3s}.skill-box:nth-child(5){transition-delay:.4s}.skill-box:nth-child(6){transition-delay:.5s}.skill-box:nth-child(7){transition-delay:.6s}.skill-box:nth-child(8){transition-delay:.7s}.skill-box:nth-child(9){transition-delay:.8s}.skill-box:nth-child(10){transition-delay:.9s}.skill-box:nth-child(11){transition-delay:1s}.skill-box:nth-child(12){transition-delay:1.1s}.skill-box:nth-child(13){transition-delay:1.2s}.skill-box:nth-child(14){transition-delay:1.3s}.skill-box:nth-child(15){transition-delay:1.4s}.skill-box:nth-child(16){transition-delay:1.5s}.skill-box:nth-child(17){transition-delay:1.6s}.skill-box:nth-child(18){transition-delay:1.7s}.skill-box:nth-child(19){transition-delay:1.8s}.skill-box:nth-child(20){transition-delay:1.9s}.skill-box:nth-child(21){transition-delay:2s}.skill-box svg{display:inline-block;margin-bottom:0;width:50px;height:50px;transition:all .3s ease}.skill-box svg:hover{transform:scale(1.1)}@media(max-width:768px){.skills-container{grid-template-columns:repeat(3,1fr);gap:20px;padding:0 1rem}.skill-box{padding:25px 15px;transition:transform .2s ease}.skill-box:active{transform:scale(.95)}.skill-box svg{width:40px;height:40px}.skill-box span{font-size:.8rem}}@media(max-width:480px){.skills-container{grid-template-columns:repeat(2,1fr);gap:15px;padding:0 .5rem}.skill-box{padding:20px 10px;transition:transform .2s ease}.skill-box:active{transform:scale(.95)}.skill-box svg{width:35px;height:35px}.skill-box span{font-size:.75rem}}section#portfolio{background-color:#31333b;padding-bottom:100px}section#portfolio h2{text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(350px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem;justify-content:center}.projects-grid .project-card{opacity:0;position:relative;left:50px;transition:all .3s ease-in-out}.projects-grid .project-card:first-child{transition-delay:.1s}.projects-grid .project-card:nth-child(2){transition-delay:.2s}.projects-grid .project-card:nth-child(3){transition-delay:.3s}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(2,minmax(300px,1fr));gap:1.5rem}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:480px){.projects-grid{gap:1rem}}section#portfolio.visible .project-card{opacity:1;left:0}section#experience h2{position:relative;top:-25px}section#experience .timeline .item{display:flex;opacity:0;transition:all .3s ease-in-out;position:relative;top:-50px}section#experience .timeline .item:nth-child(2){transition-delay:.3s}section#experience .timeline .item:nth-child(3){transition-delay:.6s}section#experience .timeline .item:nth-child(4){transition-delay:.9s}section#experience .timeline .item:nth-child(5){transition-delay:1.2s}section#experience .timeline .item:nth-child(6){transition-delay:1.5s}section#experience .timeline .item:nth-child(7){transition-delay:1.8s}section#experience .timeline .item:nth-child(8){transition-delay:2.1s}section#experience .timeline .item:nth-child(9){transition-delay:2.4s}section#experience .timeline .item:nth-child(10){transition-delay:2.7s}section#experience .timeline .item:nth-child(11){transition-delay:3s}section#experience .timeline .item:nth-child(12){transition-delay:3.3s}section#experience .timeline .item:nth-child(13){transition-delay:3.6s}section#experience .timeline .item:nth-child(14){transition-delay:3.9s}section#experience .timeline .item:nth-child(15){transition-delay:4.2s}section#experience .timeline .item:nth-child(16){transition-delay:4.5s}section#experience .timeline .item:nth-child(17){transition-delay:4.8s}section#experience .timeline .item:nth-child(18){transition-delay:5.1s}section#experience .timeline .item:nth-child(19){transition-delay:5.4s}section#experience .timeline .item:nth-child(20){transition-delay:5.7s}section#experience .timeline .item:nth-child(21){transition-delay:6s}section#experience .timeline .item .date{padding-right:15px;display:flex;position:relative}section#experience .timeline .item .date span.year{background-color:#5c5d61;padding:0 10px;height:30px;display:inline-block;line-height:30px}section#experience .timeline .item .date span.arrow{display:inline-block;width:0;height:0;border-color:transparent transparent transparent #5c5d61;border-style:solid;border-width:15px 0 15px 10px}section#experience .timeline .item .separator{display:flex;flex-direction:column}section#experience .timeline .item .separator .dot{width:30px;height:30px;background-color:#fac86b;border-radius:50%;box-shadow:0 0 20px #fac86b}section#experience .timeline .item .separator .line{min-height:10px;width:2px;background-color:#fff;flex-grow:1;margin-left:14px;margin-top:30px;margin-bottom:30px;transition:all .5s ease-in-out;max-height:0}section#experience .timeline .item .texts{padding-left:40px;padding-bottom:40px}section#experience .timeline .item .texts h3{font-size:1.7rem;font-weight:400}section#experience .timeline .item .texts h4{margin-top:6px;margin-bottom:6px;font-weight:400;font-size:1.4rem}section#experience .timeline .item .texts p{color:hsla(0,0%,100%,.55);line-height:1.3rem;margin-top:10px}section#experience.visible div.timeline div.item{opacity:1;top:0}section#experience div.timeline div.item:nth-child(2) .line{transition-delay:.3s}section#experience div.timeline div.item:nth-child(3) .line{transition-delay:.6s}section#experience div.timeline div.item:nth-child(4) .line{transition-delay:.9s}section#experience div.timeline div.item:nth-child(5) .line{transition-delay:1.2s}section#experience div.timeline div.item:nth-child(6) .line{transition-delay:1.5s}section#experience div.timeline div.item:nth-child(7) .line{transition-delay:1.8s}section#experience div.timeline div.item:nth-child(8) .line{transition-delay:2.1s}section#experience div.timeline div.item:nth-child(9) .line{transition-delay:2.4s}section#experience div.timeline div.item:nth-child(10) .line{transition-delay:2.7s}section#experience div.timeline div.item:nth-child(11) .line{transition-delay:3s}section#experience div.timeline div.item:nth-child(12) .line{transition-delay:3.3s}section#experience div.timeline div.item:nth-child(13) .line{transition-delay:3.6s}section#experience div.timeline div.item:nth-child(14) .line{transition-delay:3.9s}section#experience div.timeline div.item:nth-child(15) .line{transition-delay:4.2s}section#experience div.timeline div.item:nth-child(16) .line{transition-delay:4.5s}section#experience div.timeline div.item:nth-child(17) .line{transition-delay:4.8s}section#experience div.timeline div.item:nth-child(18) .line{transition-delay:5.1s}section#experience div.timeline div.item:nth-child(19) .line{transition-delay:5.4s}section#experience div.timeline div.item:nth-child(20) .line{transition-delay:5.7s}section#experience div.timeline div.item:nth-child(21) .line{transition-delay:6s}section#experience.visible div.timeline div.item .line{max-height:200px}section#contact{border-top:2px solid #fac86b;margin-top:50px;text-align:center;position:relative;padding:60px 0}section#contact h2{text-align:center;position:absolute;top:-28px;left:50%;width:350px;margin-left:-175px;display:inline-block;padding:0 30px;background-color:#3d3e42}section#contact div.box{background-color:#31333b;display:inline-flex;align-items:center;width:280px;margin:10px;padding:15px;border-radius:15px;justify-content:center;opacity:0;transition:all .3s ease-in-out}section#contact div.box:nth-child(2){transition-delay:.1s}section#contact div.box:nth-child(3){transition-delay:.2s}section#contact div.box:nth-child(4){transition-delay:.3s}section#contact div.box:nth-child(5){transition-delay:.4s}section#contact div.box:nth-child(6){transition-delay:.5s}section#contact div.box:nth-child(7){transition-delay:.6s}section#contact div.box:nth-child(8){transition-delay:.7s}section#contact div.box:nth-child(9){transition-delay:.8s}section#contact div.box:nth-child(10){transition-delay:.9s}section#contact div.box:nth-child(11){transition-delay:1s}section#contact div.box:nth-child(12){transition-delay:1.1s}section#contact div.box:nth-child(13){transition-delay:1.2s}section#contact div.box:nth-child(14){transition-delay:1.3s}section#contact div.box:nth-child(15){transition-delay:1.4s}section#contact div.box:nth-child(16){transition-delay:1.5s}section#contact div.box:nth-child(17){transition-delay:1.6s}section#contact div.box:nth-child(18){transition-delay:1.7s}section#contact div.box:nth-child(19){transition-delay:1.8s}section#contact div.box:nth-child(20){transition-delay:1.9s}section#contact div.box:nth-child(21){transition-delay:2s}section#contact div.box svg{height:30px;fill:#fff;margin-right:15px}section#contact div.box a{color:#fac86b;text-decoration:none}section#contact.visible div.box{opacity:1}footer{background:#31333b}footer div.social{display:flex}footer div.social svg{height:25px;fill:#fff}footer div.social div.links{padding:0 50px}footer div.social div.links a{position:relative;top:-10px;padding:0 6px}footer div.social .line{flex-grow:1;border-top:2px solid #fac86b}footer h2{margin-bottom:0;text-align:center;padding:50px 0;color:#fac86b;font-weight:400;font-size:2rem}