diff --git a/components/CollectionsPageView.js b/components/CollectionsPageView.js
index 50821ea..98e7319 100644
--- a/components/CollectionsPageView.js
+++ b/components/CollectionsPageView.js
@@ -122,7 +122,7 @@ export default function CollectionsPageView(props) {
             {sortedCollections.map(collection => (
               <div 
                 key={collection.id} 
-                className="card hover:shadow-xl transition-all duration-300 cursor-pointer group"
+                className="glass-panel rounded-3xl p-6 transition-all duration-300 cursor-pointer group"
                 onClick={() => router.push(`/collection/${collection.slug || collection.id}`)}
               >
                 {/* Thumbnail Section */}
diff --git a/pages/community/collections.js b/pages/community/collections.js
index 4773197..508e6e0 100644
--- a/pages/community/collections.js
+++ b/pages/community/collections.js
@@ -262,7 +262,7 @@ export default function CommunityCollections() {
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
             {sortedCollections.map(collection => (
               <Link key={collection.id} href={`/collection/${collection.slug || collection.id}`}>
-                <div className="card group cursor-pointer hover:shadow-lg transition-all duration-200">
+                <div className="glass-panel rounded-3xl p-6 group cursor-pointer transition-all duration-200">
                   <CollectionThumbnail collection={collection} />
                   
                   <div className="space-y-3">
diff --git a/pages/profile.js b/pages/profile.js
index 0f1d168..5f46b61 100644
--- a/pages/profile.js
+++ b/pages/profile.js
@@ -291,7 +291,7 @@ export default function Profile() {
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
           {/* Profile Card */}
           <div className="lg:col-span-1">
-            <div className="card p-6 text-center">
+            <div className="glass-panel rounded-3xl p-6 text-center transition-all duration-300">
               {/* Avatar */}
               <div className="mb-6">
                 <div className="relative inline-block">
@@ -398,7 +398,7 @@ export default function Profile() {
             </div>
 
             {/* Stats Card */}
-            <div className="card p-6 mt-6">
+            <div className="glass-panel rounded-3xl p-6 mt-6 transition-all duration-300">
               <h3 className="text-lg font-semibold mb-4" style={{ color: 'var(--text-primary)' }}>
                 List Stats
               </h3>
@@ -433,7 +433,7 @@ export default function Profile() {
 
           {/* Profile Form */}
           <div className="lg:col-span-2">
-            <div className="card p-6">
+            <div className="glass-panel rounded-3xl p-6 transition-all duration-300">
               <div className="flex justify-between items-center mb-6">
                 <h3 className="text-xl font-semibold" style={{ color: 'var(--text-primary)' }}>
                   Profile Information
diff --git a/pages/settings.js b/pages/settings.js
index ea85588..65ee315 100644
--- a/pages/settings.js
+++ b/pages/settings.js
@@ -267,7 +267,7 @@ export default function Settings() {
         <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
           {/* Sidebar Navigation */}
           <div className="lg:col-span-1">
-            <div className="card p-4">
+            <div className="glass-panel rounded-3xl p-4 transition-all duration-300">
               <nav className="space-y-2">
                 {sections.map(section => (
                   <button
@@ -287,7 +287,7 @@ export default function Settings() {
 
           {/* Settings Content */}
           <div className="lg:col-span-3">
-            <div className="card p-6">
+            <div className="glass-panel rounded-3xl p-6 transition-all duration-300">
               {/* Account Settings */}
               {activeSection === 'account' && (
                 <div>
diff --git a/styles/globals.css b/styles/globals.css
index f1c8176..0b49d92 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -754,11 +754,12 @@ body {
   color: var(--input-placeholder);
 }
 
-.card {
-  @apply rounded-3xl shadow-lg p-6 transition-all duration-300;
-  background-color: var(--bg-primary);
-  border: 1px solid var(--border);
-}
+/* .card retired by Brief 5 of unify-glass-panel-surfaces convoy
+   (PR sequence following PR #119). All 7 prior consumers migrated to
+   .glass-panel rounded-3xl. Use .glass-panel (subtle corner-light
+   tier, per PR #118) for content panels going forward; use
+   .glass-panel-strong for elevated chrome and floating popovers; use
+   .page-header-glass for full-bleed page-top strips. */
 
 /* ============================================================
    .glass-panel — canonical "content card" utility for body