.hamburger-line{transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.mobile-touch-target{min-height:44px;min-width:44px}.mobile-nav-item{-webkit-tap-highlight-color:rgba(255,255,255,.1);tap-highlight-color:rgba(255,255,255,.1)}.mobile-nav-item:active{transform:scale(.98);background-color:#ffffff0d}}.mobile-menu-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-menu-panel{transform:translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-panel.open{transform:translateY(0)}.mobile-nav-item{opacity:0;transform:translate(-20px);animation:slideInLeft .3s ease-out forwards}.mobile-nav-item:nth-child(1){animation-delay:.05s}.mobile-nav-item:nth-child(2){animation-delay:.1s}.mobile-nav-item:nth-child(3){animation-delay:.15s}.mobile-nav-item:nth-child(4){animation-delay:.2s}.mobile-nav-item:nth-child(5){animation-delay:.25s}.mobile-nav-item:nth-child(6){animation-delay:.3s}.mobile-nav-item:nth-child(7){animation-delay:.35s}.mobile-nav-item:nth-child(8){animation-delay:.4s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.header-scrolled{box-shadow:0 10px 25px -5px #0000004d;background-color:#000000fa}.logo-container{transition:all .2s ease-out}.logo-container:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.mobile-button{transition:all .15s ease-out;transform-origin:center}.mobile-button:active{transform:scale(.95)}.mobile-nav-item:focus,.mobile-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-link{transition:color .2s ease-out,background-color .2s ease-out}@media (max-width: 640px){.mobile-text-sm{font-size:.875rem;line-height:1.25rem}.mobile-text-base{font-size:1rem;line-height:1.5rem}}@supports (padding: max(0px)){.header-safe-area{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}@media (prefers-reduced-motion: reduce){.mobile-menu-panel,.mobile-nav-item,.hamburger-line,.mobile-button{animation:none;transition:none}}@media (prefers-contrast: high){.mobile-nav-item{border:1px solid transparent}.mobile-nav-item:hover,.mobile-nav-item:focus{border-color:currentColor}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-100%);animation:shimmer 2s infinite}.skeleton-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-rounded{border-radius:.375rem}.skeleton-circle{border-radius:50%}.skeleton-pill{border-radius:9999px}.skeleton-light{background-color:#f3f4f6}.skeleton-medium{background-color:#e5e7eb}.skeleton-dark{background-color:#d1d5db}.mobile-search-filter{display:flex;flex-direction:column;gap:12px}.mobile-search-row{display:flex;gap:8px;align-items:stretch;width:100%}.mobile-search-input{flex:1;min-width:0}.mobile-filter-row{display:flex;gap:8px;align-items:stretch;width:100%}.mobile-filter-buttons{display:flex;gap:8px;flex:1;min-width:0;align-items:stretch}.mobile-filter-btn{padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mobile-create-btn{padding:10px 16px;border-radius:10px;font-size:15px;font-weight:600;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:48px;min-width:48px;box-shadow:0 2px 8px #f603}.mobile-main-content{width:100%;overflow-x:hidden}.mobile-post-card{padding:16px}.mobile-post-avatar{width:40px;height:40px;flex-shrink:0}.mobile-action-btn{padding:8px 12px;font-size:14px;min-width:auto}.mobile-sidebar{display:block}.mobile-search-input input{height:44px}@media (max-width: 1024px){.mobile-sidebar{display:none}}@media (max-width: 768px){.mobile-search-filter{gap:8px}.mobile-filter-row,.mobile-filter-buttons{gap:6px}.mobile-filter-btn{padding:8px 10px;font-size:13px;height:40px}.mobile-create-btn{padding:10px 14px;font-size:14px;height:44px;min-width:44px}.mobile-post-card{padding:12px}.mobile-post-avatar{width:32px;height:32px}.mobile-action-btn{padding:6px 8px;font-size:12px}}@media (max-width: 480px){.mobile-search-row,.mobile-filter-row{gap:8px;align-items:stretch}.mobile-filter-buttons{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-filter-buttons::-webkit-scrollbar{display:none}.mobile-filter-btn{padding:8px 12px;font-size:13px;min-width:80px;height:44px}.mobile-create-btn{padding:12px 16px;font-size:14px;font-weight:600;min-width:88px;height:48px;border-radius:12px;box-shadow:0 3px 12px #ff660040}.mobile-post-card{padding:16px 12px}.mobile-action-btn{padding:8px 10px;font-size:13px;flex:1;justify-content:center}}@tailwind base;@tailwind components;@tailwind utilities;@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out}.pwa-mode body{margin:0;padding:0;overflow-x:hidden}.pwa-mode *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pwa-mode input,.pwa-mode textarea,.pwa-mode [contenteditable],.pwa-mode .selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@supports (padding: max(0px)){.pwa-mode{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}@keyframes pwa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pwa-loading{animation:pwa-spin 1s linear infinite}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#0057b7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f60}html{scroll-behavior:smooth}*:focus{outline:none}*:focus-visible{outline:2px solid #FF6600;outline-offset:2px}.text-primary{color:#f60}.text-secondary{color:#0057b7}.bg-primary{background-color:#f60}.bg-secondary{background-color:#0057b7}.border-primary{border-color:#f60}.border-secondary{border-color:#0057b7}.hover\:text-primary:hover{color:#f60}.hover\:bg-primary:hover{background-color:#f60}.hover\:border-primary:hover{border-color:#f60}.btn-primary{background-color:#f60;color:#fff;transition:all .3s ease}.btn-primary:hover{background-color:#e55a00;transform:translateY(-1px);box-shadow:0 10px 25px #ff66004d}.btn-secondary{background-color:#0057b7;color:#fff;transition:all .3s ease}.btn-secondary:hover{background-color:#004494;transform:translateY(-1px);box-shadow:0 10px 25px #0057b74d}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}.shine{background-image:linear-gradient(90deg,#fff0,#ffffff1f,#fff0);background-size:200% 100%;animation:shine 1.8s linear infinite}.link-primary{color:#0057b7;transition:color .2s ease}.link-primary:hover{color:#f60}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.card:hover{border-color:#f60;box-shadow:0 4px 12px #ff66001a}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{max-height:90vh;display:flex;flex-direction:column}.modal-body{flex:1;overflow-y:auto;min-height:0}.modal-footer{flex-shrink:0;border-top:1px solid #e5e7eb;background-color:#f9fafb}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.error-message{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media (min-width: 768px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.events-grid{grid-template-columns:repeat(3,1fr)}}.event-card{transition:all .3s ease}.event-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.event-image{transition:transform .3s ease}.dashboard-stats{background:linear-gradient(135deg,#f8fafc,#fef7ed);border-radius:24px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.stat-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease}.stat-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000040}.stat-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all .3s ease}.stat-icon:hover{transform:scale(1.1)}.stat-number{font-size:3rem;font-weight:800;color:#1f2937;margin-bottom:.5rem;line-height:1}.stat-label{font-size:1.125rem;font-weight:600;color:#4b5563}.cta-button{background:linear-gradient(135deg,#f60,#e55a00);border-radius:20px;padding:1.25rem 3rem;font-size:1.25rem;font-weight:700;color:#fff;transition:all .3s ease;box-shadow:0 10px 25px -5px #f606}.cta-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 25px 50px -12px #ff660080}.events-section{background:linear-gradient(135deg,#f8fafc,#fef7ed);border-radius:24px;padding:3rem 2rem;margin:2rem 0}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:2rem 0}.event-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease;border:1px solid #e5e7eb}.event-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000026;border-color:#f60}.event-image-container{height:200px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);overflow:hidden;position:relative}.event-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.event-card:hover .event-image{transform:scale(1.05)}.event-status-badge{position:absolute;top:1rem;right:1rem;background:#f60;color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:600;box-shadow:0 4px 6px -1px #0000001a}.event-content{padding:1.5rem}.event-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;line-height:1.4}.event-description{color:#6b7280;font-size:.875rem;line-height:1.6;margin-bottom:1rem}.event-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.event-detail{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.875rem}.event-detail-icon{width:1rem;height:1rem;color:#f60}.event-detail-icon.time{color:#0057b7}.register-button{width:100%;background:#0057b7;color:#fff;padding:.75rem 1rem;border-radius:12px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.site-section{padding-top:2rem;padding-bottom:2rem}@media (min-width: 768px){.site-section{padding-top:3rem;padding-bottom:3rem}}.header-spacing{padding-top:5rem}@media (min-width: 768px){.header-spacing{padding-top:6rem}}@media (min-width: 1024px){.header-spacing{padding-top:7rem}}.register-button:hover{background:#004494;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0057b74d}.event-card:hover .register-button{background:#f60}.view-more-button{display:inline-flex;align-items:center;gap:.5rem;color:#0057b7;font-weight:600;font-size:1.125rem;transition:all .3s ease;padding:.75rem 1.5rem;border-radius:12px}.view-more-button:hover{color:#f60;background:#ff66001a}.view-more-icon{transition:transform .3s ease}.view-more-button:hover .view-more-icon{transform:translateY(2px)}.contest-section{background:linear-gradient(135deg,#f8fafc,#fef7ed);border-radius:24px;padding:3rem 2rem;margin:2rem 0}.contest-header{text-align:center;margin-bottom:3rem}.contest-badge{display:inline-flex;align-items:center;gap:.5rem;background:#f60;color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.contest-title{font-size:3rem;font-weight:800;color:#1f2937;margin-bottom:1.5rem;line-height:1.2}.contest-theme{font-size:1.25rem;color:#4b5563;max-width:48rem;margin:0 auto;line-height:1.6}.contest-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:3rem}.contest-details{display:flex;flex-direction:column;gap:1.5rem}.contest-status{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.monthly{background:#0057b7;color:#fff}.contest-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;transition:all .3s ease}.contest-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000026}.contest-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.contest-card-icon{width:3rem;height:3rem;border-radius:12px;display:flex;align-items:center;justify-content:center}.contest-card-title{font-size:1.5rem;font-weight:700;color:#1f2937}.contest-card-content{background:#f9fafb;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb}.contest-timer{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb}.timer-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.timer-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#f60,#e55a00);border-radius:12px;display:flex;align-items:center;justify-content:center}.timer-title{font-size:1.5rem;font-weight:700;color:#1f2937}.timer-info{text-align:center;margin-bottom:1.5rem}.timer-month{font-size:1.125rem;font-weight:600;color:#0057b7}.timer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.timer-unit{text-align:center;background:#f9fafb;padding:1rem;border-radius:12px;border:1px solid #e5e7eb}.timer-number{font-size:2rem;font-weight:800;color:#f60;line-height:1}.timer-label{font-size:.875rem;color:#4b5563;font-weight:600;margin-top:.25rem}.contest-cta{background:linear-gradient(135deg,#0057b7,#004494);padding:2rem;border-radius:16px;color:#fff;box-shadow:0 25px 50px -12px #0057b766}.cta-header{text-align:center;margin-bottom:1.5rem}.cta-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.cta-description{color:#bfdbfe;line-height:1.6}.cta-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.cta-feature{display:flex;align-items:center;gap:.75rem}.cta-feature-icon{width:1.25rem;height:1.25rem;color:#86efac;flex-shrink:0}.cta-feature-text{font-size:.875rem;color:#e0f2fe}.cta-button{width:100%;background:#f60;color:#fff;padding:1rem 1.5rem;border-radius:12px;font-weight:600;font-size:1.125rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 10px 15px -3px #ff66004d}.cta-button:hover{background:#e55a00;transform:translateY(-2px);box-shadow:0 15px 25px -3px #f606}.cta-footer{text-align:center;margin-top:1rem}.cta-footer-text{color:#bfdbfe;font-size:.75rem}.contest-info{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.info-item{text-align:center}.info-icon{width:4rem;height:4rem;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.info-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.info-description{color:#6b7280;line-height:1.5}@media (max-width: 1280px){.contest-content{grid-template-columns:1fr;gap:1.5rem}.contest-timer{order:-1}}@media (max-width: 1024px){.max-w-7xl{padding-left:1rem;padding-right:1rem}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl{padding-left:.75rem;padding-right:.75rem}.text-4xl,.text-5xl{font-size:2rem;line-height:1.2}.text-3xl{font-size:1.75rem;line-height:1.3}.text-2xl{font-size:1.5rem;line-height:1.4}.text-xl{font-size:1.125rem;line-height:1.5}.grid-cols-4,.grid-cols-3,.grid-cols-2,.lg\:grid-cols-4,.lg\:grid-cols-3,.md\:grid-cols-2{grid-template-columns:1fr}.py-16{padding-top:3rem;padding-bottom:3rem}.py-12{padding-top:2rem;padding-bottom:2rem}.py-8{padding-top:1.5rem;padding-bottom:1.5rem}.px-8{padding-left:1rem;padding-right:1rem}.px-6{padding-left:.75rem;padding-right:.75rem}.gap-8{gap:1rem}.gap-6{gap:.75rem}.cta-button{padding:.875rem 1.5rem;font-size:1rem;min-height:44px}.dashboard-stats{padding:1.5rem;border-radius:16px}.stat-card{padding:1rem;border-radius:16px}.stat-icon{width:60px;height:60px}.stat-number{font-size:2.5rem}.stat-label{font-size:1rem}.events-section{padding:2rem 1rem;border-radius:16px}.events-grid{grid-template-columns:1fr;gap:1.5rem}.contest-section{padding:2rem 1rem;border-radius:16px}.contest-title{font-size:2.5rem}.contest-content{gap:1rem}.contest-card{padding:1.5rem}.timer-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.timer-unit{padding:.75rem}.timer-number{font-size:1.5rem}.info-grid{grid-template-columns:1fr;gap:1.5rem}.event-card{margin:0 .5rem}.event-card .p-6{padding:1rem}.event-card h3{font-size:1.125rem}.event-card .text-sm{font-size:.875rem}.modal-content{max-height:90vh;margin:.5rem;border-radius:1rem}.grid.grid-cols-2{grid-template-columns:1fr;gap:.75rem}.flex-col.sm\:flex-row{flex-direction:column;gap:.75rem}.flex-col.sm\:flex-row>*{width:100%}}@media (max-width: 480px){.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl{padding-left:.5rem;padding-right:.5rem}.text-4xl,.text-5xl{font-size:1.75rem;line-height:1.2}.text-3xl{font-size:1.5rem;line-height:1.3}.text-2xl{font-size:1.25rem;line-height:1.4}.py-16{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:1rem;padding-bottom:1rem}.px-8{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:.5rem;padding-right:.5rem}.cta-button{padding:.75rem 1.25rem;font-size:.875rem;min-height:44px}.dashboard-stats{padding:1rem}.stat-card{padding:.75rem}.stat-icon{width:50px;height:50px}.stat-number,.contest-title{font-size:2rem}.contest-card{padding:1rem}.timer-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.timer-unit{padding:.5rem}.timer-number{font-size:1.25rem}.events-grid{gap:1rem}.event-card{border-radius:16px}.event-card .h-48{height:12rem}.event-card .p-6{padding:.75rem}.modal-content{max-height:95vh;margin:.25rem;border-radius:.75rem}input,textarea,select{font-size:16px;min-height:44px}button,.btn,a[role=button]{min-height:44px;min-width:44px}}@media (max-width: 320px){.text-4xl,.text-5xl{font-size:1.5rem}.text-3xl{font-size:1.25rem}.px-4{padding-left:.5rem;padding-right:.5rem}.timer-grid{grid-template-columns:1fr;gap:.5rem}.modal-content{margin:.125rem}}.mobile-scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (hover: none) and (pointer: coarse){.hover\:scale-105:hover{transform:none}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}button:active,.btn:active{transform:scale(.98);transition:transform .1s ease}}@media screen and (max-width: 768px){input[type=text],input[type=email],input[type=tel],input[type=password],textarea,select{font-size:16px!important}}@supports (padding: max(0px)){.safe-area-inset-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-area-inset-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.animate-spin,.animate-pulse,.animate-bounce,.animate-ping{animation:none}.transition-all,.transition-colors,.transition-transform{transition:none}}@media screen and (max-height: 500px){.modal-content{max-height:95vh;overflow-y:auto}}@media screen and (max-height: 500px) and (orientation: landscape){.py-16{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:.75rem;padding-bottom:.75rem}.modal-content{max-height:90vh}}.logo-container{transition:all .3s ease}.logo-container:hover{transform:scale(1.05)}.logo-icon{transition:transform .2s ease-in-out}.logo-text{background:linear-gradient(135deg,#f60,#0057b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-spacing{padding:5rem 0}@media (max-width: 768px){.section-spacing{padding:3rem 0}}@media (max-width: 480px){.section-spacing{padding:2rem 0}}.professional-layout{max-width:7xl;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.professional-layout{padding:0 1.5rem}}@media (min-width: 1024px){.professional-layout{padding:0 2rem}}.text-center-mobile{text-align:center}@media (min-width: 768px){.text-center-mobile{text-align:left}}.responsive-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 640px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 1024px){.responsive-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}@media (min-width: 1280px){.responsive-grid{grid-template-columns:repeat(4,1fr);gap:3rem}}.bg-orange-50{background-color:#fef7ed}.bg-orange-100{background-color:#fed7aa}.bg-orange-200{background-color:#fdba74}.bg-orange-300{background-color:#fb923c}.bg-orange-400{background-color:#f97316}.bg-orange-500{background-color:#ea580c}.bg-orange-600{background-color:#dc2626}.bg-orange-700{background-color:#c2410c}.bg-orange-800{background-color:#9a3412}.bg-orange-900{background-color:#7c2d12}.text-orange-50{color:#fef7ed}.text-orange-100{color:#fed7aa}.text-orange-200{color:#fdba74}.text-orange-300{color:#fb923c}.text-orange-400{color:#f97316}.text-orange-500{color:#ea580c}.text-orange-600{color:#dc2626}.text-orange-700{color:#c2410c}.text-orange-800{color:#9a3412}.text-orange-900{color:#7c2d12}.border-orange-50{border-color:#fef7ed}.border-orange-100{border-color:#fed7aa}.border-orange-200{border-color:#fdba74}.border-orange-300{border-color:#fb923c}.border-orange-400{border-color:#f97316}.border-orange-500{border-color:#ea580c}.border-orange-600{border-color:#dc2626}.border-orange-700{border-color:#c2410c}.border-orange-800{border-color:#9a3412}.border-orange-900{border-color:#7c2d12}.hover\:bg-orange-50:hover{background-color:#fef7ed}.hover\:bg-orange-100:hover{background-color:#fed7aa}.hover\:bg-orange-200:hover{background-color:#fdba74}.hover\:bg-orange-300:hover{background-color:#fb923c}.hover\:bg-orange-400:hover{background-color:#f97316}.hover\:bg-orange-500:hover{background-color:#ea580c}.hover\:bg-orange-600:hover{background-color:#dc2626}.hover\:bg-orange-700:hover{background-color:#c2410c}.hover\:bg-orange-800:hover{background-color:#9a3412}.hover\:bg-orange-900:hover{background-color:#7c2d12}.hover\:text-orange-50:hover{color:#fef7ed}.hover\:text-orange-100:hover{color:#fed7aa}.hover\:text-orange-200:hover{color:#fdba74}.hover\:text-orange-300:hover{color:#fb923c}.hover\:text-orange-400:hover{color:#f97316}.hover\:text-orange-500:hover{color:#ea580c}.hover\:text-orange-600:hover{color:#dc2626}.hover\:text-orange-700:hover{color:#c2410c}.hover\:text-orange-800:hover{color:#9a3412}.hover\:text-orange-900:hover{color:#7c2d12}.hover\:border-orange-50:hover{border-color:#fef7ed}.hover\:border-orange-100:hover{border-color:#fed7aa}.hover\:border-orange-200:hover{border-color:#fdba74}.hover\:border-orange-300:hover{border-color:#fb923c}.hover\:border-orange-400:hover{border-color:#f97316}.hover\:border-orange-500:hover{border-color:#ea580c}.hover\:border-orange-600:hover{border-color:#dc2626}.hover\:border-orange-700:hover{border-color:#c2410c}.hover\:border-orange-800:hover{border-color:#9a3412}.hover\:border-orange-900:hover{border-color:#7c2d12}.resume-sidebar-scroll{position:relative;scrollbar-width:thin;scrollbar-color:#3b82f6 #f1f5f9;-webkit-overflow-scrolling:touch}.resume-sidebar-scroll::-webkit-scrollbar{width:6px}.resume-sidebar-scroll::-webkit-scrollbar-track{background:#f8fafc;border-radius:8px}.resume-sidebar-scroll::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:8px;transition:background-color .2s ease}.resume-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#2563eb}.resume-sidebar-scroll:after{content:"⋮";position:absolute;top:50%;right:2px;transform:translateY(-50%);color:#3b82f6;font-size:20px;font-weight:700;pointer-events:none;z-index:10;background:#fff;padding:2px;border-radius:4px}@media (max-width: 768px){.resume-sidebar-scroll::-webkit-scrollbar{width:4px}.resume-sidebar-scroll:after{font-size:16px;right:1px}}.pin-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pin-modal-content{max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.pin-error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 640px){.pin-modal-content{max-height:95vh;margin:.5rem;border-radius:1rem}.line-clamp-2{-webkit-line-clamp:1}.line-clamp-3{-webkit-line-clamp:2}}@media (max-width: 480px){.pin-modal-content{max-height:98vh;margin:.25rem;border-radius:.75rem}.line-clamp-2,.line-clamp-3{-webkit-line-clamp:1}.break-words{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}