@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.spotify-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#000000e6;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.spotify-header.scrolled{background-color:#0c0c0cf7;box-shadow:0 4px 20px #0000004d}.header-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 32px}.header-container,.logo,.logo-link{align-items:center;display:flex}.logo-link{color:#fff;gap:16px;text-decoration:none;transition:transform .3s ease}.logo-link:hover{transform:scale(1.02)}.spotify-logo{color:#1db954;filter:drop-shadow(0 0 10px rgba(29,185,84,.5));flex-shrink:0;height:95px;margin-right:8px;transition:all .3s ease;width:95px}.logo-link:hover .spotify-logo{filter:drop-shadow(0 0 18px rgba(29,185,84,.8));transform:scale(1.05)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1db954,#4adede);-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 10px #1db95433}.nav-links{display:flex;gap:24px}.nav-link{align-items:center;border-radius:8px;color:#b3b3b3;display:flex;font-weight:600;gap:8px;padding:10px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link i{font-size:1.1rem;transition:transform .3s ease}.nav-link:hover{background-color:#ffffff1a;color:#fff}.nav-link:hover i{transform:translateY(-2px)}.nav-link.active{color:#1db954}.nav-link.active:after{animation:fadeIn .3s ease-out forwards;background-color:#1db954;border-radius:3px;bottom:-4px;content:"";height:3px;left:0;position:absolute;width:100%}.menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:22px;justify-content:space-between;padding:0;width:28px;z-index:101}.menu-bar{background-color:#fff;border-radius:3px;height:3px;transition:all .3s ease;width:100%}.menu-toggle.active .menu-bar:first-child{transform:translateY(9.5px) rotate(45deg)}.menu-toggle.active .menu-bar:nth-child(2){opacity:0}.menu-toggle.active .menu-bar:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}.header-accent-line{background:linear-gradient(90deg,#1db95400,#1db95480 50%,#1db95400);bottom:0;height:1px;left:0;position:absolute;width:100%}@media (max-width:900px){.header-container{padding:0 24px}.spotify-logo{height:75px;width:75px}.logo-text{font-size:1.4rem}}@media (max-width:768px){.menu-toggle{display:flex}.spotify-logo{height:60px;width:60px}.nav-links{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121212f7;box-shadow:-10px 0 30px #00000080;flex-direction:column;gap:32px;height:100vh;justify-content:center;max-width:300px;padding:64px 0;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.77,0,.175,1);width:70%;z-index:100}.nav-links.open{right:0}.nav-link{border-radius:8px;font-size:1.1rem;justify-content:center;padding:12px;width:80%}.nav-link i{font-size:1.2rem;margin-right:8px}.nav-link.active:after{bottom:-8px}}.form-container{animation:fadeIn .6s ease-out forwards;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);margin:30px auto;max-width:1000px;overflow:hidden;padding:30px;position:relative}.form-container:before{background:linear-gradient(90deg,#1db954,#4adede);content:"";height:6px;left:0;position:absolute;top:0;width:100%;z-index:1}.form-header{margin-bottom:40px;position:relative;text-align:center}.form-header:after{background:linear-gradient(90deg,#1db954,#4adede);border-radius:3px;bottom:-15px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.form-header h2{font-size:2.4rem;font-weight:800;margin-bottom:15px}.form-header h2 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1db954,#4adede);-webkit-background-clip:text;background-clip:text}.form-header p{color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.user-form{display:flex;flex-direction:column;gap:36px}.form-section{animation:fadeIn .5s ease-out forwards;animation-delay:.1s;background-color:#28282880;border-radius:var(--border-radius-md);box-shadow:var(--neu-shadow);opacity:0;padding:30px;transition:transform .3s ease}.form-section:hover{transform:translateY(-5px)}.form-section:nth-child(2){animation-delay:.2s}.form-section:nth-child(3){animation-delay:.3s}.form-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.6rem;font-weight:700;gap:10px;margin-bottom:25px;margin-top:0}.form-section h3:before{background:linear-gradient(180deg,#1db954,#4adede);border-radius:3px;content:"";display:block;height:24px;width:6px}.form-section-icon{color:#1db954;font-size:1.4rem;margin-right:10px}.form-row{display:flex;gap:25px;margin-bottom:25px}.form-row .form-group{flex:1 1}.form-group{margin-bottom:25px;position:relative}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-primary);display:block;font-size:1.05rem;font-weight:600;margin-bottom:10px;transition:color .3s ease}.form-group:focus-within label{color:#1db954}.form-help{color:var(--text-tertiary);display:block;font-size:.85rem;font-style:italic;margin-top:8px;transition:color .3s ease}.form-group:focus-within .form-help{color:var(--text-secondary)}.form-group select{-webkit-appearance:none;appearance:none;background-color:#1e1e1eb3;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231DB954' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:15px;border:1px solid #50505080;border-radius:12px;box-shadow:0 2px 10px #0003;color:#fff;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.form-group select:focus{background-color:#232323e6;border-color:#1db954;box-shadow:0 0 0 3px #1db95433;outline:none}.form-submit{margin-top:20px;text-align:center}.submit-button{align-items:center;background:linear-gradient(90deg,#1db954,#1ed760);border:none;border-radius:50px;box-shadow:0 5px 15px #1db9544d;color:#000;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;gap:12px;justify-content:center;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s ease}.submit-button:before{background-color:#fff3;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:1}.submit-button:hover:before{width:100%}.submit-button i{font-size:1.3rem;z-index:2}.submit-button span{z-index:2}.submit-button:hover{box-shadow:0 8px 25px #1db95466;transform:translateY(-3px)}.submit-button:active{transform:translateY(1px)}.music-notes{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.music-note{animation:float-note 8s linear infinite;color:#1db95433;font-size:20px;opacity:0;position:absolute}@keyframes float-note{0%{opacity:0;transform:translate(0) rotate(0deg)}10%{opacity:.6}90%{opacity:.3}to{opacity:0;transform:translate(var(--move-x),var(--move-y)) rotate(var(--rotate))}}@media (max-width:900px){.form-container{margin:20px auto;padding:25px}.form-header h2{font-size:2rem}.form-section{padding:25px}.form-section h3{font-size:1.4rem}}@media (max-width:768px){.form-row{flex-direction:column;gap:20px}.form-group select{padding:12px 15px}.submit-button{font-size:1.1rem;padding:14px 30px}}.footer-credit{position:relative;z-index:10}@media (max-width:480px){.form-container{margin:15px auto;padding:20px}.form-header h2{font-size:1.7rem}.form-header p{font-size:1rem}.form-section{padding:20px}.form-section h3{font-size:1.3rem}.submit-button{font-size:1rem;padding:12px;width:100%}}.multi-select{height:auto;min-height:120px}.text-input{background-color:#ffffffe6;border:1px solid #0000001a;border-radius:8px;font-size:1rem;padding:10px 15px;resize:vertical;transition:all .3s ease;width:100%}.text-input:focus{border-color:#1db954;box-shadow:0 0 0 2px #1db95433;outline:none}@media (max-width:768px){.multi-select{min-height:100px}}.checkbox-group{background-color:#1e1e1eb3;border:1px solid #50505080;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;max-height:200px;overflow-y:auto;padding:10px}.checkbox-item{align-items:center;background-color:#282828cc;border-radius:6px;display:flex;min-width:calc(33.33% - 10px);padding:6px 12px;transition:background-color .3s ease}.checkbox-item:hover{background-color:#323232e6}.checkbox-item input[type=checkbox]{accent-color:#1db954;cursor:pointer;height:16px;margin-right:8px;width:16px}.checkbox-item label{cursor:pointer;font-size:.95rem;font-weight:400;margin-bottom:0;white-space:nowrap}@media (max-width:768px){.checkbox-item{min-width:calc(50% - 10px)}}@media (max-width:480px){.checkbox-item{min-width:100%}}.submit-button:disabled{background:linear-gradient(90deg,#666,#888);cursor:not-allowed;opacity:.7}.submit-button:disabled,.submit-button:disabled:hover{box-shadow:none;transform:none}.form-group.error .checkbox-group{border-color:#ff4d4f;box-shadow:0 0 0 2px #ff4d4f33}.error-message{align-items:center;color:#ff4d4f;display:flex;font-size:.85rem;font-weight:500;margin-top:8px}.error-message:before{content:"⚠️";font-size:1rem;margin-right:6px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.form-group.error .checkbox-group{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}.loading-container{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;padding:0 20px;position:relative;text-align:center;z-index:1}.loading-spinner{margin-bottom:40px;position:relative}.spinner-waves{height:120px;position:relative;width:120px}.spinner-wave{animation:spin 1.2s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#1db954;box-sizing:border-box;position:absolute}.spinner-wave:first-child{animation-delay:0s;border-top-color:#1db954;height:100%;width:100%}.spinner-wave:nth-child(2){animation-delay:-.2s;border-top-color:#20dfb0;height:80%;left:10%;top:10%;width:80%}.spinner-wave:nth-child(3){animation-delay:-.4s;border-top-color:#4adede;height:60%;left:20%;top:20%;width:60%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spotify-logo-animation{animation:pulse 2s ease-in-out infinite;color:#1db954;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.loading-text{-webkit-text-fill-color:#0000;animation:textShimmer 3s linear infinite;background:linear-gradient(90deg,#1db954,#4adede);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;font-size:1.8rem;font-weight:700;margin-bottom:12px}@keyframes textShimmer{0%{background-position:0 50%}to{background-position:200% 50%}}.loading-subtext{animation:fadeInUp .8s ease forwards;animation-delay:.3s;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;max-width:500px;opacity:0}.loading-progress{background-color:#ffffff1a;border-radius:4px;height:4px;margin-top:30px;overflow:hidden;position:relative;width:300px}.progress-bar{animation:progressAnim 2s ease infinite;background:linear-gradient(90deg,#1db954,#4adede);border-radius:4px;height:100%;left:0;position:absolute;top:0;width:30%}@keyframes progressAnim{0%{left:-30%}to{left:100%}}.loading-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px;max-width:600px}.loading-tag{animation:tagFadeIn .5s ease forwards;background-color:#ffffff14;border-radius:20px;color:var(--text-secondary);font-size:.9rem;font-weight:500;opacity:0;padding:6px 12px}.loading-tag:first-child{animation-delay:.4s}.loading-tag:nth-child(2){animation-delay:.5s}.loading-tag:nth-child(3){animation-delay:.6s}.loading-tag:nth-child(4){animation-delay:.7s}.loading-tag:nth-child(5){animation-delay:.8s}.loading-tag:nth-child(6){animation-delay:.9s}@keyframes tagFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.spinner-waves{height:100px;width:100px}.spotify-logo-animation{height:30px;width:30px}.loading-text{font-size:1.5rem}.loading-subtext{font-size:1rem}.loading-progress{width:250px}}@media (max-width:480px){.spinner-waves{height:80px;width:80px}.loading-text{font-size:1.3rem}.loading-subtext{font-size:.9rem}.loading-progress{width:200px}}.recommendation-container{margin:0 auto;max-width:1200px;padding:20px}.segment-info{background-color:#181818;border-radius:8px;box-shadow:0 4px 16px #0000004d;margin-bottom:30px;padding:30px}.segment-info h2{color:#1db954;font-size:2rem;margin-bottom:20px;text-align:center}.listener-personality{align-items:flex-start;background-color:#222;border-radius:8px;display:flex;gap:20px;padding:25px}.personality-icon{align-items:center;background-color:#1db9541a;border-radius:50%;color:#1db954;display:flex;flex-shrink:0;font-size:3rem;height:80px;justify-content:center;width:80px}.personality-details{flex:1 1}.personality-details h3{color:#e0e0e0;font-size:1.5rem;margin-bottom:10px}.personality-details p{color:#b3b3b3;margin-bottom:15px}.personality-traits{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.trait-tag{align-items:center;background-color:#333;border-radius:20px;color:#e0e0e0;display:inline-flex;font-size:.9rem;gap:8px;padding:8px 15px}.trait-tag i{color:#1db954}.recommendations{background-color:#181818;border-radius:8px;box-shadow:0 4px 16px #0000004d;padding:30px}.recommendations h2{color:#1db954;font-size:2rem;margin-bottom:25px;text-align:center}.recommendation-list{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.recommendation-card{background-color:#222;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;position:relative;transition:all .4s ease}.recommendation-card:hover{border-color:#1db9544d;box-shadow:0 10px 30px #00000080;transform:translateY(-5px) scale(1.02)}.recommendation-card:before{background:linear-gradient(to bottom right,#1db9540d,#0000);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .4s ease;width:100%}.recommendation-card:hover:before{opacity:1}.podcast-info{padding:25px}.podcast-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.podcast-header h3{color:#fff;flex:1 1;font-size:1.6rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:0;text-shadow:0 2px 4px #0000004d}.podcast-badge{align-items:center;background:linear-gradient(90deg,#1db954,#1ed760);border-radius:20px;box-shadow:0 2px 10px #1db9544d;color:#000;display:inline-flex;font-size:.85rem;font-weight:700;margin-left:12px;padding:6px 12px}.podcast-creator{align-items:center;border-bottom:1px solid #ffffff1a;color:#1ed760;display:flex;font-size:1.1rem;font-weight:500;gap:10px;margin-bottom:15px;padding:8px 0}.podcast-creator i{align-items:center;background-color:#1db95433;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:28px;justify-content:center;width:28px}.podcast-description{color:#e0e0e0;line-height:1.6;margin-bottom:20px}.match-reason{align-items:center;background-color:#1db9541a;border-radius:6px;color:#e0e0e0;display:flex;font-size:1rem;gap:10px;margin-bottom:20px;padding:12px 15px}.match-reason i{color:#1db954;font-size:1.1rem}.podcast-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.podcast-duration,.podcast-language,.podcast-region{align-items:center;color:#b3b3b3;display:flex;font-size:.9rem;gap:8px}.podcast-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.podcast-link{flex:1 1}.spotify-link{align-items:center;background-color:#1db954;border:none;border-radius:30px;box-shadow:0 4px 12px #1db9544d;color:#000;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:12px 22px;position:relative;text-decoration:none;transition:all .3s;width:100%}.spotify-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.spotify-link:hover{background-color:#1ed760;box-shadow:0 6px 15px #1db95466;text-decoration:none;transform:translateY(-2px)}.spotify-link:hover:before{left:100%}.spotify-link:active{box-shadow:0 2px 8px #1db9544d;transform:translateY(0)}.save-button{align-items:center;background-color:initial;border:2px solid #1db954;border-radius:30px;color:#1db954;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;padding:10px 20px;transition:background-color .3s,color .3s}.save-button:hover{background-color:#1db9541a}.save-button.saved{background-color:#1db95426;border-color:#1db954;color:#1db954}.save-button.saved:hover{background-color:#1db95440}.remove-button{align-items:center;background-color:initial;border:2px solid #e74c3c;border-radius:30px;color:#e74c3c;display:inline-flex;font-weight:700;gap:8px;justify-content:center;padding:10px 20px;transition:background-color .3s,color .3s}.remove-button:hover{background-color:#e74c3c1a}.button-group{display:flex;gap:15px;justify-content:center;margin-top:30px}.home-button,.library-button,.reset-button{align-items:center;border-radius:30px;display:inline-flex;font-weight:700;gap:8px;justify-content:center;padding:12px 25px;text-decoration:none;transition:all .3s}.reset-button{background-color:#e0e0e0;border:none;color:#333;cursor:pointer}.reset-button:hover{background-color:#f5f5f5}.home-button{background-color:initial;border:2px solid #e0e0e0;color:#e0e0e0}.home-button:hover{background-color:#e0e0e01a}.library-button{background-color:#1db954;border:none;color:#fff}.library-button:hover{background-color:#1ed760;text-decoration:none}@media (max-width:768px){.recommendation-container{padding:10px}.recommendations,.segment-info{padding:20px}.recommendations h2,.segment-info h2{font-size:1.8rem}.listener-personality{align-items:center;flex-direction:column;text-align:center}.podcast-header{align-items:flex-start;flex-direction:column}.podcast-badge{margin-left:0;margin-top:10px}.button-group,.podcast-actions{flex-direction:column}.button-group{align-items:center}.home-button,.library-button,.reset-button{max-width:300px;width:100%}}.footer-credit{border-top:1px solid #ffffff1a;color:#888;font-size:.9rem;margin-top:30px;padding-top:15px;text-align:center}.footer-credit a{color:#1db954;font-weight:600;text-decoration:none;transition:color .3s,-webkit-text-decoration .3s;transition:color .3s,text-decoration .3s;transition:color .3s,text-decoration .3s,-webkit-text-decoration .3s}.footer-credit a:hover{color:#1ed760;text-decoration:underline}@media (max-width:480px){.recommendations h2,.segment-info h2{font-size:1.5rem}.personality-icon{font-size:2rem;height:60px;width:60px}.personality-details h3,.podcast-header h3{font-size:1.3rem}.match-reason{padding:10px}}.library-container{margin:0 auto;max-width:900px;padding:var(--spacing-lg);text-align:left}.library-header{margin-bottom:var(--spacing-xl);text-align:center}.library-header h2{font-size:2rem;margin-bottom:var(--spacing-sm)}.library-header p{color:var(--text-secondary)}.library-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.library-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);transition:transform var(--animation-normal),background var(--animation-normal)}.library-card:hover{background:var(--card-bg-hover);transform:var(--card-hover-transform)}.library-card-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between}.library-card-header h3{font-size:1.2rem}.remove-button{background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1rem;padding:var(--spacing-xs);transition:color var(--animation-fast)}.remove-button:hover{color:#e02424}.library-creator{align-items:center;display:flex;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.library-creator,.library-description{color:var(--text-secondary);font-size:.9rem}.library-description,.library-meta{margin-bottom:var(--spacing-md)}.library-meta{color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:var(--spacing-md)}.library-meta span{align-items:center;display:flex;gap:var(--spacing-xs)}.library-cta,.spotify-link{align-items:center;background:var(--primary);border:none;border-radius:var(--border-radius-pill);color:#000;cursor:pointer;display:inline-flex;font-weight:700;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:background var(--animation-fast),transform var(--animation-fast)}.library-cta:hover,.spotify-link:hover{background:var(--primary-light);transform:scale(1.03)}.library-empty{color:var(--text-secondary);padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.library-empty i{color:var(--text-tertiary);font-size:3rem;margin-bottom:var(--spacing-md)}.library-empty p{margin-bottom:var(--spacing-lg)}.about-container{margin:0 auto;max-width:760px;padding:var(--spacing-lg);text-align:left}.about-header{margin-bottom:var(--spacing-xl);text-align:center}.about-header h2{font-size:2rem;margin-bottom:var(--spacing-sm)}.about-header p{color:var(--text-secondary)}.about-section{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.about-section h3{align-items:center;color:var(--primary-light);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.about-section p{color:var(--text-secondary)}.about-tech{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);list-style:none}.about-tech li{color:var(--text-secondary)}.about-tech li span{color:var(--text-primary);display:inline-block;font-weight:700;min-width:90px}.about-footer{margin-top:var(--spacing-xl);text-align:center}.about-cta{align-items:center;background:var(--primary);border-radius:var(--border-radius-pill);color:#000;display:inline-flex;font-weight:700;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:background var(--animation-fast),transform var(--animation-fast)}.about-cta:hover{background:var(--primary-light);transform:scale(1.03)}.about-credit{color:var(--text-tertiary);font-size:.9rem;margin-top:var(--spacing-lg)}.about-credit a{color:var(--primary-light);text-decoration:none}.about-credit a:hover{text-decoration:underline}:root{--primary:#1db954;--primary-dark:#1aa34a;--primary-light:#1ed760;--primary-transparent:#1db9541a;--dark-bg:#121212;--card-bg:#181818;--card-bg-hover:#282828;--element-bg:#333;--text-primary:#fff;--text-secondary:#b3b3b3;--text-tertiary:#727272;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-pill:500px;--animation-fast:0.2s;--animation-normal:0.3s;--animation-slow:0.5s;--glass-bg:#181818b3;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d;--neu-shadow:5px 5px 10px #00000080,-5px -5px 10px #ffffff0d;--card-hover-transform:translateY(-5px)}.App{background-color:#121212;background-color:var(--dark-bg);display:flex;flex-direction:column;font-family:Circular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;text-align:center}.App,main{color:#fff;color:var(--text-primary)}main{background:linear-gradient(180deg,#0f0f0f,#121212);background:linear-gradient(180deg,#0f0f0f 0,var(--dark-bg) 100%);flex:1 1;padding:32px;padding:var(--spacing-xl);position:relative;z-index:1}.error-banner{align-items:center;background:#e024241f;border:1px solid #e0242466;border-radius:8px;border-radius:var(--border-radius-sm);color:#ff8a8a;display:flex;gap:8px;gap:var(--spacing-sm);margin:0 auto 24px;margin:0 auto var(--spacing-lg);max-width:720px;padding:16px;padding:var(--spacing-md);text-align:left}.ambient-bg{height:100%;left:0;mix-blend-mode:screen;opacity:.3;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.ambient-circle{border-radius:50%;filter:blur(90px);position:absolute}.ambient-circle-1{animation:float 25s ease-in-out infinite alternate;background:radial-gradient(circle,#1db9544d 0,#0000 70%);height:50vw;left:-5vw;top:-10vh;width:50vw}.ambient-circle-2{animation:float 20s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#1e32644d 0,#0000 70%);bottom:-10vh;height:40vw;right:-5vw;width:40vw}@keyframes float{0%{transform:translate(0)}to{transform:translate(5%,5%)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-top:0}h1{font-size:2.5rem;letter-spacing:-.5px;margin-bottom:24px;margin-bottom:var(--spacing-lg)}h2{font-size:2rem;letter-spacing:-.3px}h2,h3{margin-bottom:16px;margin-bottom:var(--spacing-md)}h3{font-size:1.5rem;letter-spacing:-.2px}p{line-height:1.6;margin-bottom:16px;margin-bottom:var(--spacing-md)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1db954,#4acdff);background:linear-gradient(90deg,var(--primary) 0,#4acdff 100%);-webkit-background-clip:text;background-clip:text;display:inline-block}a{color:#1db954;color:var(--primary);position:relative;text-decoration:none;transition:all .3s ease;transition:all var(--animation-normal) ease}a:hover{color:#1ed760;color:var(--primary-light)}a.underline-animation:after{background-color:#1db954;background-color:var(--primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;transition:width var(--animation-normal) ease;width:0}a.underline-animation:hover:after{width:100%}.button,button{align-items:center;background-color:#1db954;background-color:var(--primary);border:none;border-radius:500px;border-radius:var(--border-radius-pill);color:#000;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.25,1,.5,1);transition:all var(--animation-normal) cubic-bezier(.25,1,.5,1);z-index:1}.button:before,button:before{background-color:#fff3;content:"";height:100%;left:0;position:absolute;top:0;transition:width .2s ease;transition:width var(--animation-fast) ease;width:0;z-index:-1}.button:hover:before,button:hover:before{width:100%}.button.outlined,button.outlined{background-color:initial;border:2px solid #1db954;border:2px solid var(--primary);color:#1db954;color:var(--primary)}.button.outlined:hover,button.outlined:hover{background-color:#1db9541a;background-color:var(--primary-transparent)}.button:active,button:active{transform:scale(.97)}.button i,button i{font-size:1.15em}.glass-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#181818b3;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--animation-normal) ease,box-shadow var(--animation-normal) ease}.glass-card:hover{box-shadow:0 12px 32px #0006;transform:translateY(-5px);transform:var(--card-hover-transform)}.neu-element{background-color:#181818;background-color:var(--card-bg);border-radius:12px;border-radius:var(--border-radius-md);box-shadow:5px 5px 10px #00000080,-5px -5px 10px #ffffff0d;box-shadow:var(--neu-shadow);transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--animation-normal) ease,box-shadow var(--animation-normal) ease}.neu-element:hover{transform:translateY(-2px)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#121212;background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:#333;background:var(--element-bg);border-radius:500px;border-radius:var(--border-radius-pill)}::-webkit-scrollbar-thumb:hover{background:#727272;background:var(--text-tertiary)}.container{margin:0 auto;max-width:1400px;padding:0 32px;padding:0 var(--spacing-xl);width:100%}.flex-layout{display:flex;gap:24px;gap:var(--spacing-lg)}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{align-items:center;justify-content:space-between}.grid-layout{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg)}.grid-2-col{grid-template-columns:repeat(2,1fr)}.grid-3-col{grid-template-columns:repeat(3,1fr)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn .3s ease-out forwards;animation:fadeIn var(--animation-normal) ease-out forwards}.pulse{animation:pulse 2s ease-in-out infinite}@media (max-width:1200px){.container{max-width:100%;padding:0 24px;padding:0 var(--spacing-lg)}.grid-3-col{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){main{padding:24px;padding:var(--spacing-lg)}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.3rem}}@media (max-width:768px){.container{padding:0 16px;padding:0 var(--spacing-md)}.grid-2-col,.grid-3-col{grid-template-columns:1fr}main{padding:16px;padding:var(--spacing-md)}}@media (max-width:480px){.flex-layout{flex-direction:column}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.button,button{width:100%}}
/*# sourceMappingURL=main.3fc97fb2.css.map*/