html{overflow-y:scroll}body{font-family:Inter,sans-serif;background-color:#0d1117;color:#c9d1d9;min-height:100%}.aurora-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.aurora-background::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(at 20% 20%,hsla(212,90%,50%,.15) 0,transparent 50%),radial-gradient(at 80% 20%,hsla(280,80%,50%,.15) 0,transparent 50%),radial-gradient(at 50% 80%,hsla(320,75%,50%,.15) 0,transparent 50%);filter:blur(100px);animation:aurora 20s infinite linear}@keyframes aurora{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.app-header{padding:1rem 0;backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.nav-link{background-color:rgba(22,27,34,.6);border:1px solid #30363d;backdrop-filter:blur(10px);color:#c9d1d9;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;transition:all .3s ease;text-decoration:none}.nav-link:hover{background-color:rgba(33,38,45,.8);border-color:#58a6ff;color:#fff}.nav-button-logout{background-color:rgba(22,27,34,.6);border:1px solid #30363d;backdrop-filter:blur(10px);color:#c9d1d9;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;transition:all .3s ease;text-decoration:none;cursor:pointer}.nav-button-logout:hover{border-color:#f87171;background-color:rgba(153,27,27,.5);color:#fff}.service-card{background-color:rgba(22,27,34,.5);border:1px solid #30363d;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;cursor:pointer}.service-card:hover{transform:translateY(-10px);background-color:rgba(33,38,45,.7)}.service-card::after{content:'';position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,var(--glow-color,hsla(212,90%,50%,.3)) 0,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.service-card:hover::after{opacity:1}.editor-profile-card{background-color:rgba(22,27,34,.6);border:1px solid #30363d;backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease}.editor-profile-card:hover{transform:translateY(-5px);border-color:#58a6ff}.page{transition:opacity .5s ease-in-out,transform .5s ease-in-out;min-height:75vh}.page-hidden{opacity:0;transform:scale(.98);pointer-events:none;position:absolute;width:100%;left:0;z-index:1}.page-visible{opacity:1;transform:scale(1);position:relative;z-index:2}.typing-cursor::after{content:'|';display:inline-block;vertical-align:bottom;color:#60a5fa;animation:blink .7s step-end infinite}@keyframes blink{from,to{color:transparent}50%{color:#60a5fa}}.typing-cursor.done::after{display:none}.filter-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;max-width:900px;margin:0 auto}.filter-bar select{width:100%;background-color:#0d1117;border:1px solid #30363d;color:#c9d1d9;border-radius:.5rem;padding:.75rem 1rem;transition:border-color .3s,box-shadow .3s;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer}.filter-bar select:focus{outline:0;border-color:#58a6ff;box-shadow:0 0 0 3px rgba(88,166,255,.2)}.filter-bar select:disabled{background-color:#161b22;cursor:not-allowed;opacity:.7}.recommend-button{background:linear-gradient(to right,#4f46e5,#a855f7);color:#fff;font-weight:600;border-radius:.5rem;padding:.75rem 1rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(168,85,247,.2);border:none;cursor:pointer;white-space:nowrap}.recommend-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(168,85,247,.3)}.recommendations-title{text-align:center;font-size:2rem;font-weight:700;color:#fff;margin-bottom:1.5rem;background:linear-gradient(to right,#4f46e5,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.col-span-full{grid-column:1/-1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center;z-index:100;opacity:0;transition:opacity .3s ease}.modal-overlay.visible{display:flex;opacity:1}.modal-content{background-color:#161b22;border:1px solid #30363d;padding:2rem;border-radius:1rem;width:90%;max-width:500px;transform:scale(.95);transition:transform .3s ease;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.3)}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-close-btn{position:absolute;top:.75rem;right:1rem;font-size:2rem;color:#6b7280;background:0 0;border:none;cursor:pointer;transition:color .2s}.modal-close-btn:hover{color:#fff}#hire-project-message,#hire-project-title,#recommend-input,.modal-input{width:100%;background-color:#0d1117;border:1px solid #30363d;color:#c9d1d9;border-radius:.5rem;padding:.75rem 1rem;transition:border-color .3s,box-shadow .3s;resize:vertical}#hire-project-title{resize:none}#hire-project-message:focus,#hire-project-title:focus,#recommend-input:focus,.modal-input:focus{outline:0;border-color:#58a6ff;box-shadow:0 0 0 3px rgba(88,166,255,.2)}.recommend-submit-btn{width:100%;background:linear-gradient(to right,#4f46e5,#a855f7);color:#fff;font-weight:700;padding:.8rem 2.5rem;border-radius:.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px rgba(168,85,247,.2);cursor:pointer}.recommend-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(168,85,247,.3)}.recommend-submit-btn:disabled{background:#21262d;cursor:not-allowed;box-shadow:none;transform:none}.hire-me-button{background:linear-gradient(90deg,#6a11cb 0,#2575fc 100%);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;animation:pulse 2s infinite}.hire-me-button:hover{transform:translateY(-3px);animation-play-state:paused}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,117,252,.7)}70%{box-shadow:0 0 0 10px rgba(37,117,252,0)}100%{box-shadow:0 0 0 0 rgba(37,117,252,0)}}#portfolio-hub{box-shadow:0 0 40px rgba(88,166,255,.05)}#main-portfolio-player{aspect-ratio:16/9}#portfolio-scroll-rail::-webkit-scrollbar{display:none}#portfolio-scroll-rail{-ms-overflow-style:none;scrollbar-width:none}.portfolio-thumbnail{min-width:180px;width:180px;aspect-ratio:16/9;cursor:pointer;transition:all .3s ease;opacity:.5}.portfolio-thumbnail:hover{opacity:.9;transform:translateY(-2px)}.portfolio-thumbnail.active{opacity:1;border-color:#58a6ff;box-shadow:0 0 15px rgba(88,166,255,.3)}@media (max-width:768px){.portfolio-thumbnail{min-width:140px;width:140px}}.editor-profile-card{padding:0;display:flex;flex-direction:column;cursor:pointer}.card-video-container{width:100%;aspect-ratio:16/9;background-color:#000;position:relative;overflow:hidden;border-radius:1rem 1rem 0 0}.card-video-container img.carousel-media,.card-video-container video{width:100%;height:100%;object-fit:cover;opacity:1!important}.mini-btn{backdrop-filter:blur(5px);transition:background-color .2s,transform .2s}.mini-btn:hover{transform:scale(1.1)}.card-content-wrapper{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.price-tag{font-size:1.1rem;font-weight:700;color:#fff;margin-top:auto;padding-top:1rem;border-top:1px solid #30363d;display:flex;justify-content:space-between;align-items:center}.filter-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease}.filter-backdrop.open{opacity:1;pointer-events:auto}.filter-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;z-index:200;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.filter-panel.open{transform:translateX(0)}.chat-scroll::-webkit-scrollbar{width:6px}.chat-scroll::-webkit-scrollbar-track{background:0 0}.chat-scroll::-webkit-scrollbar-thumb{background:#30363d;border-radius:10px}.chat-scroll::-webkit-scrollbar-thumb:hover{background:#4b5563}