html{scroll-behavior:smooth;scroll-padding-top:72px}body.main{display:flex;min-height:100vh;flex-direction:column;font-family:'Inter', system-ui, -apple-system, sans-serif;background:#09090B;color:#FAFAFA;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.hero-title,.section-title{font-family:'Space Grotesk', 'Inter', system-ui, sans-serif}.navbar{padding:0.75rem 0;background:rgba(9,9,11,0.85) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #27272A}.navbar-brand img{max-height:36px}.brand-wordmark{font-family:'Space Grotesk', 'Inter', system-ui, sans-serif;font-weight:700;font-size:1rem;letter-spacing:0.08em;color:#FAFAFA}.navbar .nav-link{font-size:0.875rem;font-weight:500;color:#A1A1AA;padding:0.5rem 0.75rem;transition:color 0.2s ease}.navbar .nav-link:hover,.navbar .nav-link:focus{color:#FAFAFA}.hero-section{background:#09090B;color:#FAFAFA;padding:6rem 0 3rem}.hero-title{font-size:3.5rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:1rem}.hero-subtitle{font-size:1.25rem;color:#A1A1AA;max-width:600px;margin:0 auto 2.5rem;line-height:1.7}.search-container{max-width:560px;margin:0 auto}.search-wrapper{position:relative}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);font-size:1.125rem;color:#71717A;pointer-events:none}.search-input{width:100%;padding:1rem 1.25rem 1rem 3.25rem;font-size:1rem;font-family:'Inter', system-ui, sans-serif;background:#18181B;border:1px solid #27272A;border-radius:12px;color:#FAFAFA;outline:none;transition:border-color 0.2s ease, box-shadow 0.2s ease}.search-input::placeholder{color:#71717A}.search-input:focus{border-color:rgba(34,211,238,0.5);box-shadow:0 0 0 3px rgba(34,211,238,0.1)}.section-block{padding:3rem 0 5rem}.section-bordered{border-top:1px solid #27272A}.section-title{font-size:2rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:1rem;color:#FAFAFA}.section-block p{color:#A1A1AA}.icon-box{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(34,211,238,0.1);border-radius:10px;margin-bottom:1rem;flex-shrink:0}.icon-box i{font-size:1.25rem;color:#22D3EE;margin-bottom:0;display:block}.skill-card{background:#18181B;border:1px solid #27272A;border-radius:12px;padding:1.5rem;height:100%;display:flex;flex-direction:column;transition:border-color 0.2s ease, box-shadow 0.2s ease}.skill-card:hover{border-color:rgba(34,211,238,0.4);box-shadow:0 0 20px rgba(34,211,238,0.08)}.skill-card-header{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:0.75rem}.skill-card-header .icon-box{margin-bottom:0}.skill-card-header h3{font-size:1rem;font-weight:700;margin-bottom:0;color:#FAFAFA;word-break:break-word}.skill-card-source{display:inline-block;font-size:0.75rem;font-weight:600;color:#22D3EE;background:rgba(34,211,238,0.1);padding:0.2rem 0.6rem;border-radius:6px;margin-bottom:0.75rem}.skill-card-description{font-size:0.875rem;color:#A1A1AA;line-height:1.6;margin-bottom:1.25rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.skill-card-actions{display:flex;gap:0.5rem;margin-top:auto}.skill-card-actions .btn{font-size:0.8rem;padding:0.4rem 0.75rem}.loading-spinner{padding:3rem 0 1rem}.loading-text{color:#71717A;font-size:0.875rem;margin-top:1rem}.empty-state{padding:4rem 0}.empty-state-icon{font-size:3rem;color:#71717A;margin-bottom:1rem;display:block}.empty-state h3{font-size:1.25rem;font-weight:700;color:#FAFAFA;margin-bottom:0.5rem}.empty-state p{color:#71717A;font-size:0.875rem}.skills-count{font-size:0.875rem;color:#71717A;margin-bottom:1.5rem}.btn{font-weight:600;border-radius:8px;transition:all 0.2s ease}.btn-lg{font-size:1rem;padding:0.75rem 1.5rem}.btn-sm{font-size:0.875rem}.footer-section{background:#09090B;border-top:1px solid #27272A;color:#71717A;margin-top:auto;padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}.footer-logo{max-height:32px;opacity:0.8}.footer-desc{font-size:0.875rem;line-height:1.6;color:#71717A}.footer-heading{color:#FAFAFA;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem}.footer-links li{margin-bottom:0.5rem}.footer-section a{color:#71717A;text-decoration:none;font-size:0.875rem;transition:color 0.2s ease}.footer-section a:hover,.footer-section a:focus{color:#22D3EE}.footer-section .brand-wordmark{font-size:0.875rem;color:#A1A1AA}.footer-bottom{border-top:1px solid #27272A}.footer-bottom p{font-size:0.8rem;color:#71717A}.footer-bottom a{color:#A1A1AA}.footer-bottom a:hover,.footer-bottom a:focus{color:#22D3EE}.skill-modal-content{background:#18181B;border:1px solid #27272A;border-radius:12px}.skill-modal-header{background:#111113;border-bottom:1px solid #27272A;border-radius:12px 12px 0 0;padding:1rem 1.5rem}.skill-modal-header .modal-title{font-family:'Space Grotesk', 'Inter', system-ui, sans-serif;font-weight:700;font-size:1.125rem;color:#FAFAFA}.skill-modal-body{padding:1.5rem;color:#A1A1AA;max-height:70vh;overflow-y:auto}.skill-modal-markdown{line-height:1.7;font-size:0.9rem}.skill-modal-markdown h1,.skill-modal-markdown h2,.skill-modal-markdown h3,.skill-modal-markdown h4,.skill-modal-markdown h5,.skill-modal-markdown h6{color:#FAFAFA;font-family:'Space Grotesk', 'Inter', system-ui, sans-serif;font-weight:700;margin-top:1.5rem;margin-bottom:0.75rem}.skill-modal-markdown h1{font-size:1.5rem}.skill-modal-markdown h2{font-size:1.25rem}.skill-modal-markdown h3{font-size:1.1rem}.skill-modal-markdown p{margin-bottom:1rem;color:#A1A1AA}.skill-modal-markdown a{color:#22D3EE;text-decoration:none}.skill-modal-markdown a:hover{text-decoration:underline}.skill-modal-markdown code{background:#09090B;color:#22D3EE;padding:0.15rem 0.4rem;border-radius:4px;font-size:0.85em}.skill-modal-markdown pre{background:#09090B;border:1px solid #27272A;border-radius:8px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.skill-modal-markdown pre code{background:none;padding:0;color:#A1A1AA}.skill-modal-markdown ul,.skill-modal-markdown ol{padding-left:1.5rem;margin-bottom:1rem}.skill-modal-markdown li{margin-bottom:0.35rem}.skill-modal-markdown blockquote{border-left:3px solid #22D3EE;padding-left:1rem;margin-left:0;margin-bottom:1rem;color:#71717A}.skill-modal-markdown table{width:100%;border-collapse:collapse;margin-bottom:1rem}.skill-modal-markdown table th,.skill-modal-markdown table td{border:1px solid #27272A;padding:0.5rem 0.75rem;font-size:0.85rem}.skill-modal-markdown table th{background:#09090B;color:#FAFAFA;font-weight:600}.skill-modal-markdown img{max-width:100%;border-radius:8px}.skill-modal-markdown hr{border-color:#27272A;margin:1.5rem 0}@media (max-width: 991.98px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-block{padding:2.5rem 0 3.5rem}}@media (max-width: 575.98px){.hero-section{padding:4rem 0 2rem}.hero-title{font-size:2rem}.section-title{font-size:1.5rem}.search-input{font-size:0.875rem;padding:0.875rem 1rem 0.875rem 3rem}}